這篇文章主要介紹了基於Vue的延遲加載插件vue-view-lazy，可以使圖片或者其他資源進入可視區域後加載，內容挺不錯的，現在分享給大家，也給大家做個參考。
基於vue的懶加載外掛程式
目的：圖片或其他資源進入視覺區域後載入
安裝使用
直接下載dist目錄下的vue-view-lazy.min.js使用
使用npm安裝
直接使用
npm:
$ npm install --save-dev vue-view-lazy
引入vue-view-lazy
.main檔案
#
import vView from 'vue-view-lazy'
Vue.use(vView,{
error:'../../static/images/loading.png',
loading:'../../static/images/loading.gif',
});
懶載入圖片
.vue檔案
懶載入資料
.vue檔案
#
loading...
loading...
以上就是本文的全部內容，希望對大家的學習有幫助，更多相關內容請關注PHP中文網！
######
以上是基於Vue的延遲載入插件vue-view-lazy的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！
