vue-lazyload 图片懒加载 简单使用

1. 下载 cnpm install vue-lazyload -S
2. 在main.js中全局引入：

import VueLazyload from 'vue-lazyload'

Vue.use(VueLazyload)

//或者

Vue.use(VueLazyLoad, {
        loading: require("./common/image/default.png")
    }) // 图片懒加载

3. 在组件中使用：把需要懒加载的图片，加载方式改变成如下

 <div class="icon">
    <img width="60" height="60" v-lazy="item.imgurl">
</div>