Vue中的img懶加載是通過使用vue-lazyload插件實現的。該插件能夠有效地加載大量的圖片，提高頁面的加載速度。

// 安裝vue-lazyload插件
npm install vue-lazyload -S

接著，在main.js中引入該插件并注冊：

import Vue from 'vue'
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload)

然后，在需要使用懶加載的img標簽中，添加v-lazy指令，并將img的src屬性設為loading圖片的鏈接（通過給v-lazy指令傳入值即可指定要加載的真實圖片）。

<img v-lazy="imageUrl" src="loading.gif">

此時，在瀏覽器中，當該img標簽將要進入可視區域時，才會加載指定的真實圖片。這種方式將極大地減少無意義的資源加載，提升用戶體驗，并減輕后端服務器的壓力。

此外，vue-lazyload插件還提供了一些可配置的選項：

Vue.use(VueLazyload, {
preLoad: 1.3,  // 預加載的寬高比
error: 'error.png',  // 加載失敗時顯示的圖片
loading: 'loading.gif',  // 加載過程中顯示的圖片
attempt: 1,  // 嘗試加載次數
listenEvents: ['scroll', 'wheel', 'mousewheel', 'resize', 'animationend', 'transitionend', 'touchmove'],  // 監聽的事件
});

這些選項可以通過傳入一個配置對象的方式設置。例如，preLoad選項可以指定要預先加載多少比例的寬高比，在滾動時可以更快地加載已經進入可視區域的圖片；error和loading選項可以分別指定加載失敗和加載過程中的圖片；attempt選項可以指定每個圖片加載失敗時的嘗試加載次數；listenEvents選項可以指定要監聽的事件類型。

總的來說，Vue中的img懶加載是一種十分實用的優化技巧。通過使用vue-lazyload插件，我們能夠更好地管理頁面中多張圖片的加載，減少不必要的資源消耗。