vue图片懒加载插件 vue-lazyload

第一步：安装插件

npm i vue-lazyload --save

第二步：在main.js中引入，并使用

参数参考网址：

第二步：使用插件

第三步：在需要使用懒加载图片的页面使用v-lazy指令,

在图片加载之前先使用loading里面的图片，当图片加载之后使用加载后的图片;

它会时时检测图片滚动的位置，当页面没有滚动到图片的位置时，它是不会加载的；

图片懒加载的颜色也是可以调整的，点击开sgv图片，去设置fill属性,