vue的懒加载如何实现？

个人通过查找发现一个比较好用的模块，vue-lazyload

第一步 下载安装这个包   

　　npm install vue-lazyload

第二步 在main.js中引入这个模块

　　import VueLazyLoad from "vue-lazyload"

　　Vue.use(VueLazyLoad,{

　　　　error:"./static/a1.jpg",

　　　　loading:"./static/loading.gif"
　　})

　　

 

第三步  将需要懒加载的图片更换属性  

　　vue文件中将需要懒加载的图片绑定 v-bind:src 修改为 v-lazy 

　　

 

刷新页面 大家就会看到懒加载的效果