vue使用vue-lazyload实现图片懒加载

1. 安装 vue-lazyload

   npm install vue-lazyload--save

2. main.js 中

   import VueLazyLoad from 'vue-lazyload'
   Vue.use(VueLazyLoad, {
     // 使用本地placeholder图片
     // loading: require('assets/img/common/placeholder.png')
     // 使用fakeimg在线生成的图片，可修改参数生成自己需要的
     loading: 'https://fakeimg.pl/320x420/?text=wait&font=lobster'
   })

3. 使用v-lazy替换src标签中的src属性

   <img :src="showImage" alt="">
   改成
   <img v-lazy="showImage" alt="">