一:图片懒加载
方法1:利用插件
(1)首先是在vue项目中安装这个插件 使用命令:
cnpm i vue-lazyload -S
(2)在vue项目中的入口文件中将插件引入,即在main.js文件中引入并安装插件 ,并在Vue.use(VueLazyload,{})
中配置参数 。
(3)配置好参数后,就可以到需要懒加载的页面中使用了,使用命令v-lazy
来懒加载图片
使用方式如下:
一:图片懒加载
方法1:利用插件
(1)首先是在vue项目中安装这个插件 使用命令:
cnpm i vue-lazyload -S
(2)在vue项目中的入口文件中将插件引入,即在main.js文件中引入并安装插件 ,并在Vue.use(VueLazyload,{})
中配置参数 。
(3)配置好参数后,就可以到需要懒加载的页面中使用了,使用命令v-lazy
来懒加载图片
使用方式如下: