图片懒加载

1. 安装 npm install vue-lazyload --save-dev
2. main.js：import VueLazyload from 'vue-lazyload'

Vue.use(VueLazyload, {
preLoad: 1,    //预加载高度的比例
error: 'http://www.baidu.com/201807/123456789error.gif',  //图像的src加载失败
loading: 'http://www.baidu.com/201807/123456789loading.gif', //src的图像加载
attempt: 1,  //尝试计数
listenEvents: [ 'scroll', 'mousewheel' ] //你想要监听的事件（或者参考官网你需要的事件）
});

3.在需要页面中 body引入<img v-lazy=" item.productImg">