簡單來說，就是不同的路由對應的那些元件打包到不同的js檔案中。只有在這個路由被訪問的時候，才載入對應的元件。
打包的命令：npm run build
方式一結合vue的非同步元件和webpack的**分析。（不常用）
const
home
= resolve =>)}
;
amd寫法
const
about
= resolve =>
require([
'../components/home.vue'
],resolve)
;
在es6中，我們有更加簡單的寫法來組織vue非同步元件和webpack的**分割
const
home=(
)=>
import
('../components/home.vue'
)//再放到建立的vuerouter物件中
const routes =
在乙個路由裡再新增幾個路由（套娃模式開始了）
假設我們已經建立好了兩個home的子元件homeaaa.vue和homebbb.vue。現在就要使用**children**屬性去實現對映關係。
在index.js裡：
//使用懶載入去匯入這兩個home的子元件
const
homeaaa=(
)=>
import
('../components/homeaaa'
)const
homebbb=(
)=>
import
('../components/homebbb'
)const routes =[,
]}]
//別忘了home前面的"/"
aaabbb
路由懶載入和元件懶載入
為給客戶更好的客戶體驗，首屏元件載入速度更快一些，解決白屏問題。二 定義 懶載入簡單來說就是延遲載入或按需載入，即在需要的時候的時候進行載入。三 使用 常用的懶載入方式有兩種 即使用vue非同步元件和es中的import 1 未用懶載入，vue中路由 如下 import vue from vue i...
路由懶載入
路由的使用 路由懶載入 import home from components home 一般的引入元件方式 const login resolve require components login resolve const routes 使用非同步元件，減少首頁載入js大小，webpack分割 ...
路由懶載入
當打包構建應用是，jacascript包會非常大，印象頁面載入，如果可以把不同路由對應的元件分割成不同的 塊，然後當路由被訪問時才對元件進行載入，就可以更加高效了 懶載入主要作用是將路由對應的元件打包成乙個個js 塊，只有在這個路由被訪問到的時候才載入對應的元件 const home resolve...