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

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