首先安裝依賴cnpm install vue-lazyload --save
然后再main.js中引入

import VueLazyload from 'vue-lazyload'

Vue.use(VueLazyload, {
  preLoad: 1.3,
  error: 'dist/error.png',
  loading: 'dist/loading.gif',  // 默認(rèn)加載的圖片
  attempt: 1
})

加載圖片時(shí)使用

<ul>
  <li v-for="img in list">
    <img v-lazy="img.src" >
  </li>
</ul>

注意，我這里開始圖片顯示不出來，仔細(xì)對(duì)比了一下代碼發(fā)現(xiàn)這里跟動(dòng)態(tài)綁定v-bind:src不一樣，直接v-lazy="src"就可以了。
npm官網(wǎng)中搜索vue-lazyload還有更多的用法，可以幫助我們學(xué)習(xí)。