Vue lazyload是一個Vue.js的插件，可以用于延遲加載圖像。它將默認圖像設置為占位符，然后在圖像實際加載準備就緒時再顯示它們。這種技術不僅可以提高頁面的速度和性能，而且可以減少加載時間，提高用戶體驗。

安裝Vue lazyload非常簡單，只需要通過npm安裝：

npm install vue-lazyload --save

然后在Vue項目中使用它：

import Vue from 'vue'
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload, {
preLoad: 1.5,
error: 'error.png',
loading: 'loading.gif',
attempt: 1
})

在上面的示例中，我們配置了Vue lazyload插件，將預加載設為1.5倍，設置了錯誤和占位圖像，并將嘗試次數設置為1。嘗試次數指的是加載失敗時重新嘗試加載圖像的最大次數。

當Vue組件需要使用延遲加載時，只需要將圖像的src屬性設置為data-src，并將v-lazy指令添加到圖像上：

<template>
<div>
<img v-for="image in images" :key="image.id"
:src="image.placeholder"
v-lazy="image.url">
</div>
</template>

在上面的示例中，我們使用v-for指令循環遍歷圖像，并向每個圖像添加占位符圖像。然后，我們使用v-lazy指令將任何未加載的圖像延遲加載。這樣做可以確保在圖像加載完畢后，才顯示出來。

總體來說，Vue lazyload是一個非常有用的Vue.js插件。它可以提高網站的性能和速度，同時減少加載時間，提高用戶體驗。