使用vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题
生活随笔
收集整理的這篇文章主要介紹了
使用vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
使用vue-router懶加載解決首次加載時資源過多導(dǎo)致的速度緩慢問題
當你的SPA(單頁應(yīng)用程序)變得復(fù)雜時,打包構(gòu)建后的Javascript包會變得非常大,以至于嚴重影響頁面的加載時間。vue-router支持WebPack內(nèi)置的異步模塊加載系統(tǒng)。所以,那些使用較少的路由組件不必打包進bundles里,只需要在路由被訪問時按需加載。
以下以一個簡單的例子展示:
1:非懶加載的路由寫法
?
2.懶加載路由寫法
總結(jié)
以上是生活随笔為你收集整理的使用vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 贴贴怎么霸占他的屏幕(霸占TA的屏幕)
- 下一篇: 王者荣耀马超需要攻速吗 《王者》在线观看