Vue-router的引入
分为两种方式:
1.通过npm 引入vue-router库
npm install vue-router
在模块中通过下面的方法使用
import Vue from ‘vue‘ import VueRouter from ‘vue-router‘ Vue.use(VueRouter)
2.直接通过script标签引入vue-router.js文件
如果是通过script标签引入,则直接使用即可。
router的使用
var routes = [ { path:‘/home‘, component:home, name:"home" }, { path:‘/order‘, component:order, name:"order", redirect:‘/order/all‘, /*默认子路由*/ children:[ { path:‘all‘, component:all, name:‘allOrder‘ }, { path:‘having‘, component:having, name:‘havingOrder‘ }, { path:‘had‘, component:had, name:‘hadOrder‘ } ] }, {path:‘/self‘,component:_self,name:"self"} ]
这里是我自己的一些应用心得。如果有什么问题,欢迎留言~
原文地址:https://www.cnblogs.com/WQLong/p/8298291.html
时间: 2024-10-03 20:11:16