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