路由

2023-02-02  本文已影响0人  43e1f527c136

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一起使用的

上一篇 下一篇

猜你喜欢

热点阅读