vue图片懒加载插件vue-lazyload

插件地址：https://github.com/hilongjw/vue-lazyload

demo：http://hilongjw.github.io/vue-lazyload/

---

1、安装

 cnpm i vue-lazyload -S

2、使用

main.js

import VueLazyLoad from 'vue-lazyload'

Vue.use(VueLazyLoad, {
  error:'/static/error.png',
  loading: '/static/loading.png'
})

需要懒加载的图片

<img v-lazy="图片地址" alt="">

参数说明：
https://segmentfault.com/a/1190000011672452