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>
複製代碼