1.修改文件
1.router下index.js
2.app.vue文件 使用router-view使用路由
2.路由的跳转
1.声明式导航router-link,可以进行路由跳转
2.编程式导航this.$router.push('/')|replace,可以进行路哟跳转
3.声明式导航能做的编程式都能做,还可以做一些其他业务逻辑
4.配置路由的时候可以配置路由元信息,meta:{show:true}
3.路由传参
params 参数:属于路径当中的一部分呢,需要注意,在配置路由的时候,需要占位
query 参数:不属于路径当中的一部分,类似于Java中的queryString /homek=v&kv=b,不需要占位符。
写法 1.字符串形式,‘/’+this.a 2.模板字符串写法 `/${this.a}` 3.对象式写法
this.$router.push({name:'login',params:{a:this.a},query:{b:this.b})
path不能和params一起使用的
网友评论