vue router(按需加載)

./router/index.js

import Vue from "vue";
import Router from "vue-router";
// 普通的加載路由
import Home from "../views/Home.vue";
// 按需（懶）加載（vue實現）
// const Home = () => import(/* webpackChunkName: "home" */ '../views/home')

Vue.use(Router);

export default new Router({
  routes: [
    {
      path: "/",
      name: "home",
      component: Home
    },
    {
      path: "/about",
      name: "about",
      // route level code-splitting
      // this generates a separate chunk (about.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      // 路由級 代碼拆分
	  // 這將為此路由生成一個單獨的塊（about.[hash].js）。
	  // 當路由被訪問時，它被延遲加載。
      component: () =>
        import(/* webpackChunkName: "about" */ "../views/About.vue")
    }
  ]
});