vue图片懒加载vue-lazyload

需求描述

图片过大，加载缓慢，图片懒加载，添加Loading状态，优化展示效果。

功能实现

1.安装vue-lazyload

npm install vue-lazyload --save-dev

2.main.js中全局引用

import VueLazyload from "vue-lazyload";Vue.use(VueLazyload, {preLoad: 1.3,error: require('../src/assets/images/error.png'),// 图片错误的默认图片loading: require('../src/assets/images/loading.gif'),// 图片Loading状态下的默认图片attempt: 1});

3.vue-lazyload的使用