Vue.lazyload 是一個可以讓你在頁面滾動的時候，動態地載入圖片的Vue組件，這樣可以大大節省頁面加載時間，提升用戶體驗。現在，Vue.lazyload 已經支持了svg圖片的懶加載，下面我們就來介紹一下具體如何使用。

首先，我們需要安裝 Vue.lazyload組件：

npm install vue-lazyload

然后，在我們的Vue頁面中，需要引入它：

import Vue from 'vue'
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload,{
preLoad: 1.3,
error: 'img/error.png',
loading: 'img/loading.svg',
attempt: 1
})

上面的代碼中，我們可以看到，在Vue.use()的時候，我們傳入了一些配置參數，這些參數可以讓我們更加靈活地控制圖片的加載效果。

最后，我們需要在我們的頁面中使用 Vue.lazyload 組件來實現懶加載。下面是一個例子：

上面的代碼中，我們可以看到，在每一個需要使用懶加載的圖片上，我們都使用了 v-lazy 指令。這樣，圖片就會在需要展示的時候被動態地加載出來。

總之，Vue.lazyload組件是一個非常實用的組件，它可以讓我們的圖片懶加載更加靈活、高效。而且現在，它已經支持了svg圖片的懶加載，這也許會帶來更多的可能性。希望本文能夠對您有所幫助！