src/router/index.js

   1 import Vue from "vue";
   2 import VueRouter from "vue-router";
   3 import Home from "../views/Home.vue";
   4
   5 Vue.use(VueRouter);
   6
   7 const routes = [
   8   {
   9     path: "/",
  10     name: "Home",
  11     component: Home,
  12   },
  13   {
  14     path: "/about",
  15     name: "About",
  16     // route level code-splitting
  17     // this generates a separate chunk (about.[hash].js) for this route
  18     // which is lazy-loaded when the route is visited.
  19     component: () =>
  20       import(/* webpackChunkName: "about" */ "../views/About.vue"),
  21   },
  22 ];
  23
  24 const router = new VueRouter({
  25   mode: "history",
  26   base: process.env.BASE_URL,
  27   routes,
  28 });
  29
  30 export default router;