图片懒加载主要是只有当图片出现在浏览器的可视区域内时，才向服务器请求图片设置图片正真的路径，让图片显示出来。
第一步：安装lazyload
npm i vue-lazyload -S
第二步：main.js导入lazyload
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload, {
loading: require('assets/images/lazy.png'),
error: require('assets/images/error.png'),
})
第三步：页面使用lazyload，src改为v-lazy
<img v-lazy="item.image" />
第四步：修改加载图片的样式
img[lazy=loading]{
transform:scaleX(0.3) scaleY(0.5);
}
img[lazy=loaded]{
animation:appear 0.3s; //加载的图片显示的动画
animation-fill-mode: both;
}
@keyframes appear {
from{
opacity:0;
}
to{
opacity:1;
}
}