vue lazyload最基础的使用

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



首先我们只是需要最基础的懒加载功能，所以仅仅简单使用的话是很简单的，如果项目有需要再去查阅文档

1. 安装插件：

npm install vue-lazyload --save-dev

2. main.js引入插件：

import VueLazyLoad from 'vue-lazyload'
Vue.use(VueLazyLoad,{
    error:require('./statics/site/imgs/erro.jpg'),
    loading:require('./statics/site/imgs/load.gif')
})

3. vue文件中将需要懒加载的图片 :src="" 修改为 v-lazy="" 

如：

<img v-lazy="imgUrl"/>