图片懒加载的使用

1.安装

npm i vue-lazyload

 或者

yarn add vue-lazyload

2.导入

//引入

import VueLazyload from 'vue-lazyload'

//图片

import baby from '@/assets/images/baby.jpg'

 3.注册

// 注册

Vue.use(VueLazyload,{

  //懒加载默认图片

  loading: baby,

})

 4.使用（将src替换称v-lazy）

   <img v-lazy="good.defaultImg" /> 

 使用图片懒加载报错

原因：vue2与懒加载插件默认版本不相容导致的
解决方法：重新安装lazyLoad

  npm install vue-lazyload@1.3.3 --save-dev

或

yarn add vue-lazyload@1.3.3 --dev