vue-lazyload 图片懒加载

第一步npm install  vue-lazyload --save

然后在main.js里引入 import VueLazyLoad from 'vue-lazyload'

然后使用这个VueLazyLoad

Vue.use(VueLazyLoad,{
loading:"/static/loading-svg/loading-bars.svg"
});

然后把用到图片的地方,用v-lazy=""路径代替

<!--<a href="#"><img v-bind:src="'/static/'+item.productImg" alt=""></a>-->
<a href="#"><img v-lazy="'/static/'+item.productImg" alt=""></a>