|
|
|
@ -1,9 +1,10 @@ |
|
|
|
//1.导入vue 和 vuerouter 的包
|
|
|
|
import Vue from 'vue' |
|
|
|
import VueRouter from 'vue-router' |
|
|
|
import Home from '@/view/Home.vue' |
|
|
|
// import Home from '@/view/Home.vue'
|
|
|
|
import Book from '@/view/Book.vue' |
|
|
|
import Calculator from "@/view/Calculator.vue"; |
|
|
|
import TwInfo from '@/view/TWInfo.vue' |
|
|
|
|
|
|
|
//2.调用vue.use() 函数,把 VueRouter 安装为 Vue 的插件
|
|
|
|
//vue.use()函数的作用,就是来安装插件的
|
|
|
|
@ -12,11 +13,11 @@ Vue.use(VueRouter) |
|
|
|
|
|
|
|
export default new VueRouter({ |
|
|
|
routes: [ //配置路由,这里是个数组
|
|
|
|
{ //每一个链接都是一个对象
|
|
|
|
path: '/', //链接路径
|
|
|
|
name: 'Home', //路由名称,
|
|
|
|
component: Home //对应的组件模板
|
|
|
|
}, |
|
|
|
// { //每一个链接都是一个对象
|
|
|
|
// path: '/', //链接路径
|
|
|
|
// name: 'Home', //路由名称,
|
|
|
|
// component: Home //对应的组件模板
|
|
|
|
// },
|
|
|
|
{ //每一个链接都是一个对象
|
|
|
|
path: '/Book', //链接路径
|
|
|
|
name: 'Book', //路由名称,
|
|
|
|
@ -27,5 +28,10 @@ export default new VueRouter({ |
|
|
|
name: 'Calculator', |
|
|
|
component: Calculator |
|
|
|
}, |
|
|
|
{ //每一个链接都是一个对象
|
|
|
|
path: '/', //链接路径
|
|
|
|
name: 'TwInfo', //路由名称,
|
|
|
|
component: TwInfo //对应的组件模板
|
|
|
|
}, |
|
|
|
] |
|
|
|
}) |
|
|
|
|