Vue 路由之传参方式：params和query的使用和区别

首先我们来看一下params和query的两种传值方式：

this.$router.push({name:'orderDetails',params:{orderType:this.Id}});
this.$router.push({path:'/orderDetails',query:{orderType:this.Id}});

接收方式为：

this.$route.params.orderType,
this.$route.query.orderType,

name和params配对，path和query配对。
我在实践中，name和params配对时，链接后面不会显示参数

path和query配对时，链接后面会显示参数，

两种方式都能传参成功！

在此记录一下我项目过程中遇到的现象~