vue中使用vue-lazyload懶加載

先放上官網官網入口，其實官網上已經說得很明白了，加深一下記憶：
1，下載npm i vue-lazyload -S
2，在main.js中引入：

import VueLazyload from 'vue-lazyload'

Vue.use(VueLazyload)
//  或者寫配置項
Vue.use(VueLazyload, {
  preLoad: 1.3,                 // 預載高度比例
  error: 'dist/error.png',     // 加載失敗圖片
  loading: 'dist/loading.gif',   // 加載中
  attempt: 1
})

3，應用：

<ul>
   <li v-for="(item, index) in imgArr" :key="index+'f'">
        <img v-lazy="item.image_address" :key="item.image_address" alt="圖片">
    </li>
</ul>

這就可以愉快的加載了，當然這是最基礎的用法，關於配置屬性，文檔上說明很詳細：

skr，skr