vue-cli环境下 图片懒加载插件的使用

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

2）简单使用方法

     a) 安装插件：npm install vue-lazyload --save-dev

     b) 在src目录下的main.js  配置

import VueLazyLoad from 'vue-lazyload'
Vue.use(VueLazyLoad,{
  error:'./static/error.jpg',
  loading:'./static/loading.gif'
})

c)将vue组件中写入  v-lazy等同于v-bind:src

    

<img class="item-pic" v-lazy="newItem.picUrl"/>

api扩展

  

https://www.cnblogs.com/xyyt/p/7650539.html（<-----原文参考）