this.&router.push(编程式跳转)

vue-router中传递参数主要分两大类：

• 编程式导航router.push

• 声明式导航 <router-link>

 只传递一个参数，直接在path中添加 /:id  (取名根据实际需要)来对应 $router.push 中path携带的参数

1. //在目标页面获取父组件通过路由传递过来的参数

2. var house_id = this.$route.params.houseId

 

2、params  传递多个参数

传递多个参数时，params可以配合路由中的name 来使用，也可以和传递一个参数那样 直接在路由路径上拼接多个参数

 

对应组件使用路由的方法如下： 

name用params传参

path用query传参 

两者的区别在params传参的参数会携带在地址栏后，query不会。