亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue-router路由懶加載的實現(解決vue項目首次加載慢)

發布時間:2020-08-19 17:42:21 來源:腳本之家 閱讀:135 作者:認真的雨 欄目:web開發

在Web應用程序中,系統的瓶頸常在于系統的響應速度。如果系統響應速度過慢,用戶就會出現埋怨情緒,系統的價值也因此會大打折扣。因此,提高系統響應速度,是非常重要的。

懶加載(Load On Demand)是一種獨特而又強大的數據獲取方法,它能夠在用戶滾動頁面的時候自動獲取更多的數據,而新得到的數據不會影響原有數據的顯示,同時最大程度上減少服務器端的資源耗用。

也叫延遲加載,即在需要的時候進行加載,隨用隨載。

為什么需要懶加載?

像vue這種單頁面應用,如果沒有應用懶加載,運用webpack打包后的文件將會異常的大,造成進入首頁時,需要加載的內容過多,時間過長,會出啊先長時間的白屏,即使做了loading也是不利于用戶體驗,而運用懶加載則可以將頁面進行劃分,需要的時候加載頁面,可以有效的分擔首頁所承擔的加載壓力,減少首頁加載用時

簡單的說就是:進入首頁不用一次加載過多資源造成用時過長!!!

如何實現?

懶加載寫法:

vue-router路由懶加載的實現(解決vue項目首次加載慢)

非懶加載的路由配置:

vue-router路由懶加載的實現(解決vue項目首次加載慢)

還有一點:是我遇到的如果你遇到了就看下——就是用了懶加載后打完包直接運行那個index.html會報錯,報文件引用錯誤其實是打包時候路徑配置有點問題修改下就好了

如下圖:

vue-router路由懶加載的實現(解決vue項目首次加載慢)     

找到build下面的webpack.prod.conf.js 添加 publicPath:"./",

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。  

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

潍坊市| 仁布县| 阿克苏市| 沁阳市| 长垣县| 闻喜县| 三穗县| 永川市| 龙海市| 辽阳县| 临夏县| 宣恩县| 锦州市| 高雄市| 白朗县| 左权县| 安龙县| 山阴县| 潼南县| 涟水县| 龙门县| 秦皇岛市| 延安市| 沂源县| 化州市| 乐陵市| 株洲县| 安阳县| 灌阳县| 凤凰县| 仁化县| 获嘉县| 土默特左旗| 郁南县| 嘉善县| 德令哈市| 仁寿县| 绥芬河市| 阳城县| 平凉市| 南康市|