54 lines
1.0 KiB
JavaScript
54 lines
1.0 KiB
JavaScript
|
import Vue from "vue";
|
||
|
|
import VueRouter from "vue-router";
|
||
|
|
import Home from "../views/Home.vue";
|
||
|
|
import Profile from "../views/profile.vue";
|
||
|
|
import missing from "../views/missing.vue";
|
||
|
|
import Info from "../views/Info.vue";
|
||
|
|
Vue.use(VueRouter);
|
||
|
|
|
||
|
|
const routes = [
|
||
|
|
{
|
||
|
|
path: "/",
|
||
|
|
name: "Home",
|
||
|
|
component: Home
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: "/profile/:id",
|
||
|
|
name: "Profile",
|
||
|
|
component: Profile,
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
path: 'info',
|
||
|
|
name: 'Info',
|
||
|
|
component: Info
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: "/profile",
|
||
|
|
name: "ProfileMain",
|
||
|
|
component: Profile
|
||
|
|
},
|
||
|
|
{
|
||
|
|
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.
|
||
|
|
component: () =>
|
||
|
|
import(/* webpackChunkName: "about" */ "../views/About.vue")
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: '*',
|
||
|
|
component: missing
|
||
|
|
}
|
||
|
|
];
|
||
|
|
|
||
|
|
const router = new VueRouter({
|
||
|
|
mode: "history",
|
||
|
|
base: process.env.BASE_URL,
|
||
|
|
routes
|
||
|
|
});
|
||
|
|
|
||
|
|
export default router;
|