VueLazyload设置图片懒加载

• 本项目使用vue2，vue cli3搭建

  第一步，安装VueLazyload

  npm install vue-lazyload --save

  第二步，在main.js中使用

  ```javascript import VueLazyload from ‘vue-lazyload’

// 使用图片懒加载插件 Vue.use(VueLazyload,{ // 设置图片还未加载除了时的占位图 loading:require(‘./assets/img/loadinng.png’), // 加载失败时的图片 error: require(‘img/error.png’) })

<a name="Pqg5Z"></a>
### 第三步，在使用图片的地方使用
- 将src换成v-lazy
```html
<img v-lazy="showImg">
<!-- showImg是变量 -->