vue 路由跳轉傳參

正常跳轉

this.$router.push('/index');

1帶參

　　toOrderDetail() {
　　  let orderUuid = this.order.uuid;
　　  this.$router.push({path: `/orderDetail/${orderUuid}`});
　　}
　路由配置

　　path: '/orderDetail/:orderUuid',    在path后面加 /:xxxx
　　name: 'orderDetail',　　　　　　　　　　再加個name

　接值

　　this.$route.params.orderUuid // 在orderDetail頁里面直接接收

2.params傳參
　　this.$router.push({
 　　name: ‘orderDetail, // 這里通過name來引入router

 　　params:{
　　 　　id:this.uuId
　　 }
　　});

　　路由配置
　　　　需要name：‘orderDetail’

　　this.$route.params.id  // 在頁面直接接收

3.query把params的name 換成path

　　this.$router.push({
 　　　　path: '/orderDetail',

 　　　　query:{

　　　　 　　id:this.uuId
　　　　 }
　　});

　　this.$route.query.id //這樣接收

最后：
　　query要用path來引入，params要用name來引入，接收參數都是類似的，分別是this.$route.query.id和this.$route.params.id。
　　query在地址欄中有顯示的
　　params不顯示的