vue 页面之间的传值交互方式

第一种传参name与结合使用params，传参时需要配置路由；刷新页面参数消失。
第二种传参path与query结合使用；刷新页面参数不会消失。
区别: query更加类似于我们ajax中get传参，params则类似于post，说的再简单一点，前者在浏览器地址栏中显示参数，后者则不显示

1.传值方式

//第一种
seeDetail(oid){
   this.$router.push({name:"orderDetails",params:{id:oid}});
}

//第二种
seeDetail(oid){
   this.$router.push({path:"orderDetails",query:{id:oid}});
}

2.取值方式

//第一种
getID(){
       let self = this;
       self.id = this.$route.params.id; 
       console.log(self.id)
}

//第二种
getID(){
       let self = this;
       self.id = this.$route.query.id; 
       console.log(self.id)
}

原文链接：https://blog.csdn.net/mentalitys/article/details/114096699