在Web應(yīng)用程序中，系統(tǒng)的瓶頸常在于系統(tǒng)的響應(yīng)速度。如果系統(tǒng)響應(yīng)速度過慢，用戶就會出現(xiàn)埋怨情緒，系統(tǒng)的價值也因此會大打折扣。因此，提高系統(tǒng)響應(yīng)速度，是非常重要的。

從策劃到設(shè)計制作，每一步都追求做到細膩，制作可持續(xù)發(fā)展的企業(yè)網(wǎng)站。為客戶提供網(wǎng)站制作、成都做網(wǎng)站、網(wǎng)站策劃、網(wǎng)頁設(shè)計、主機域名、虛擬空間、網(wǎng)絡(luò)營銷、VI設(shè)計、 網(wǎng)站改版、漏洞修補等服務(wù)。為客戶提供更好的一站式互聯(lián)網(wǎng)解決方案,以客戶的口碑塑造優(yōu)易品牌,攜手廣大客戶,共同發(fā)展進步。

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

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

為什么需要懶加載？

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

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

如何實現(xiàn)？

懶加載寫法：

非懶加載的路由配置：

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

如下圖：

　　　　　

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

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)?！　?/p>
當前名稱：vue-router路由懶加載的實現(xiàn)（解決vue項目首次加載慢）-創(chuàng)新互聯(lián)
當前地址：http://weahome.cn/article/ihpih.html