懶載入：首先將圖片的src連結設為同一張圖，並將其真正的圖片地址儲存在img標籤的自定義屬性中。當js監聽到該圖片元素進入可視視窗時，即將自定義屬性中的地址儲存到src屬性中，達到懶載入的效果。

顧名思義，簡單理解就是 當頁面開啟，首先所有資料引進來的圖片先不顯示，所有圖先載入自己指定的某一張圖片，一般動態圖片效果更好，然後真正路徑圖片一個一個顯示到頁面，從而達到懶載入效果。

優點：懶載入能防止頁面一次性向伺服器響應大量請求導致伺服器響應慢，防止頁面卡頓或崩潰等問題。

首先，我們需要下載下安裝下懶載入的外掛(模組化)

npm install vue-lazyload -s

安裝完，如下圖

接著，我們需要模組化式引入 vue-lazyload.js

import lazyload from "vue-lazyload"

下面，我們在VUE中引入一張圖片，單引號裡面的就是到時候懶載入時候顯示的圖片，具體路徑大家自己找對自己的路徑

Vue.use(
lazyload,{     loading:'../static/images/ttp.gif'}
)

下一步我們找到需要實現懶載入的圖片位置程式碼，如：

<img :src="listB[0].Pic"/>

我們將 :src 改為 v-lazy即可，改完如下：

<img v-lazy="listB[0].Pic"/>

這樣我們的懶載入就實現了，如需補充，請下方留言