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

vue-lazyload 简单使用

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

import VueLazyload from 'vue-lazyload'

Vue.use(VueLazyload)

//或者

Vue.use(VueLazyload, {
    loading: 'common/img/default.png'
})

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

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