vue懶加載 路由 router 的編寫（resolve）

若是用import引入的話，當項目打包時路由裏的全部component都會打包在一個js中，形成進入首頁時，須要加載的內容過多，時間相對比較長。
當你用require這種方式引入的時候，會將你的component分別打包成不一樣的js，加載的時候也是按需加載，只用訪問這個路由網址時纔會加載這個js。
你能夠打包的時候看看目錄結構就明白了。 

 

正文

　　我先用控制檯建立了vue項目demo（如何建立能夠參考我以前的寫的筆記  http://www.cnblogs.com/atjinna/p/6723293.html）。因爲單頁面開發，會出現打包後的JavaScript包很是大，這會影響頁面加載速度，那咱們能夠考慮使用懶加載去優化這個問題，所以

resolve出現了。具體參考下面：　

　一、引入 vue-router（因爲使用的是控制檯建立的項目，而且使用了webpack這個模板，因此能夠省略這一步）　　

　　

　　二、定義 component 指定變量 　　

　　　　　1）、先看下目錄　　　　

　　　　2）、component 指定變量　　

三、path路徑注意點：　　

參數名、頁面路徑、以及懶加載

 

 

補充

　　我將整個router展現給你們看吧，這個實際上是我上面提到的demo那個項目的代碼

 

還在研究中，因此寫得很青澀，也沒有解釋爲什麼如此用，你們能夠參考下文檔吧 https://router.vuejs.org/zh-cn/api/options.html#routes 以及另外一份文檔 https://cn.vuejs.org/v2/guide/  。哦，對了，我用的都是vue2，也建議你們使用vue2.