vue脚手架实现最简单的懒加载，layzload插件

第一步安装

cnpm install vue-lazyload --save-dev

第二步在main全局加载，图片路径可更换，一个是报错时显示，一个是加载时显示

import VueLazyLoad from 'vue-lazyload'

Vue.use(VueLazyLoad, {

preLoad: 1,

error: require('./assets/img/error.jpg'),

loading: require('./assets/img/homePage_top.jpg'),

attempt: 2,

})

使用方法

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

img标签中使用懒加载：v-lazy 代替 v-bind:src ；

背景图片中使用懒加载：v-lazy:background-image = ""  ==>> 注意图片和盒子大小问题，否则显示可能有问题哦。

使用时最好给一个 key 属性，把图片的路径给到key