| | |
| | | import Vue from "vue"; |
| | | import VueRouter from "vue-router"; |
| | | import login from "../views/login.vue"; |
| | | import Home from "../views/Home.vue"; |
| | | import Mine from "../views/Mine.vue"; |
| | | import Project from "../views/Project.vue"; |
| | | import Overview from "../views/Overview.vue"; |
| | | import list from "../views/list.vue"; |
| | | import calendarTask from "../views/calendarTask.vue"; |
| | | |
| | | Vue.use(VueRouter); |
| | | |
| | | const routes = [ |
| | | |
| | | { |
| | | path: "/mine", |
| | | name: "mine", |
| | | component:Mine |
| | | },{ |
| | | path: "/project", |
| | | name: "project", |
| | | component:Project |
| | | }, |
| | | { |
| | | 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: "/login", |
| | | name: "login", |
| | | components:{ |
| | | app: login |
| | | } |
| | | }, |
| | | { |
| | | path: "/", |
| | | name: "Home", |
| | | components:{ |
| | | app: Home |
| | | }, |
| | | children: [ |
| | | { |
| | | path: "mine", |
| | | name: "mine", |
| | | components:{ |
| | | home: Mine |
| | | } |
| | | },{ |
| | | path: "project", |
| | | name: "project", |
| | | components:{ |
| | | home: Project |
| | | } |
| | | }, |
| | | { |
| | | path: "Overview", |
| | | name: "Overview", |
| | | components:{ |
| | | home: Overview |
| | | } |
| | | },{ |
| | | path: "list", |
| | | name: "list", |
| | | components:{ |
| | | home: list |
| | | } |
| | | }, |
| | | { |
| | | path: "calendarTask", |
| | | name: "calendarTask", |
| | | components:{ |
| | | home: calendarTask |
| | | } |
| | | }, |
| | | { |
| | | path: "project2", |
| | | name: "project2", |
| | | components:{ |
| | | home: Project |
| | | } |
| | | }, |
| | | { |
| | | path: "project3", |
| | | name: "project3", |
| | | components:{ |
| | | home: Project |
| | | } |
| | | }, |
| | | { |
| | | path: "project4", |
| | | name: "project4", |
| | | components:{ |
| | | home: Project |
| | | } |
| | | }, |
| | | { |
| | | path: "project5", |
| | | name: "project5", |
| | | components:{ |
| | | home: Project |
| | | } |
| | | }, |
| | | { |
| | | path: "project6", |
| | | name: "project6", |
| | | components:{ |
| | | home: Project |
| | | } |
| | | } |
| | | ] |
| | | }, |
| | | |
| | | ]; |
| | | |
| | | const router = new VueRouter({ |