vue 路由之间传值 （编程式导航）

声明式：

编程式: this.$router.push({path: '/home', replace: true})

router.replace(…)

params形式：参数不显示在地址栏

this.$router.push({ name: 'details', params: { userId: this.num }}) //'details'是路由名；'userId'是传入的参数

//获取
console.log(this.$route.params.userId);

query形式：参数显示在地址栏

 this.$router.push({ path: '/details', query: { userId: this.num }})

//获取
console.log(this.$route.query.userId);

注意：

// query 形式取 path:’/login’

// params 形式取 name:‘登录’

如图：

官网地址：编程式导航：https://router.vuejs.org/zh-cn/essentials/navigation.html