一、為什麼要使用路由懶載入
為給客戶更好的客戶體驗，首屏元件載入速度更快一些，解決白屏問題。
二、定義
懶載入簡單來說就是延遲載入或按需載入，即在需要的時候的時候進行載入。
三、使用
常用的懶載入方式有兩種：即使用vue非同步元件 和 es中的import
1、不用懶載入，vue中路由**如下：
import vue from 『vue』
import router from 『vue-router』
import helloworld from 『@/components/helloworld』
vue.use(router)
export default new router(
]})==
方法如下：component：resolve=>(require([『需要載入的路由的位址』])，resolve)
import vue from 『vue』
import router from 『vue-router』
/* 此處省去之前匯入的helloworld模組 */
vue.use(router)
export default new router(]})
3、es 提出的import方法，（------最常用------）
方法如下：const helloworld = （）=>import(『需要載入的模組位址』)
（不加 ，表示直接return）
import vue from 『vue』
import router from 『vue-router』
vue.use(router)
const helloworld = ()=>import("@/components/helloworld")
export default new router(]})
require: 執行時呼叫，理論上可以運用在**的任何地方，
import：編譯時呼叫，必須放在檔案開頭
懶載入：component: resolve => require([』@/view/index.vue』], resolve)
用require這種方式引入的時候，會將你的component分別打包成不同的js，載入的時候也是按需載入，只用訪問這個路由**時才會載入這個js
非懶載入：component: index
如果用import引入的話，當專案打包時路由裡的所有component都會打包在乙個js中，造成進入首頁時，需要載入的內容過多，時間相對比較長
vue的路由配置檔案(routers.js)，一般使用import引入的寫法，當專案打包時路由裡的所有component都會打包在乙個js中，在專案剛進入首頁的時候，就會載入所有的元件，所以導致首頁載入較慢，
而用require會將component分別打包成不同的js，按需載入，訪問此路由時才會載入這個js，所以就避免進入首頁時載入內容過多。
路由懶載入和元件懶載入
為給客戶更好的客戶體驗，首屏元件載入速度更快一些，解決白屏問題。二 定義 懶載入簡單來說就是延遲載入或按需載入，即在需要的時候的時候進行載入。三 使用 常用的懶載入方式有兩種 即使用vue非同步元件和es中的import 1 未用懶載入，vue中路由 如下 import vue from vue i...
vue路由懶載入及元件懶載入
一 為什麼要使用路由懶載入 為給客戶更好的客戶體驗，首屏元件載入速度更快一些，解決白屏問題。二 定義 懶載入簡單來說就是延遲載入或按需載入，即在需要的時候的時候進行載入。三 使用 常用的懶載入方式有兩種 即使用vue非同步元件和es中的import 1 未用懶載入，vue中路由 如下 import ...
路由元件的懶載入
定義 懶載入簡單來說就是延遲載入或按需載入，即在需要的時候的時候進行載入。為什麼要使用路由懶載入 為給客戶更好的客戶體驗，首屏元件載入速度更快一些，解決白屏問題。使用 const foo import foo.vue 非同步載入 當請求此路由時，載入路由檔案，返回路由 foo此時是乙個函式 這個有兩...