Vue.js筆記 — vue-router路由懶加載

用vue.js寫單頁面應用時，會出現打包後的JavaScript包很是大，影響頁面加載，咱們能夠利用路由的懶加載去優化這個問題，當咱們用到某個路由後，纔去加載對應的組件，這樣就會更加高效，實現代碼以下：

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      component: resolve => require(['components/Hello.vue'], resolve)
    },
    {
        path: '/about',
        component: resolve => require(['components/About.vue'], resolve)
    }
  ]
})