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

創(chuàng)新互聯(lián)專注于企業(yè)全網(wǎng)營銷推廣、網(wǎng)站重做改版、城陽網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、html5、商城網(wǎng)站制作、集團公司官網(wǎng)建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為城陽等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

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

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

為什么需要懶加載？

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

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

如何實現(xiàn)？

懶加載寫法：

非懶加載的路由配置：

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

如下圖：

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

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。