vue路由传参中的params和query不要随意乱用

vue中的路由传参主要是分为两种方式：params和query。

主要用法就是写在push函数的参数对象中：this.$route.push({});

params的写法：

 this.$router.push({name: 'myPathName', params: {id: '1234'}});

在目标页面获取id

let id = this.$route.params.id;

此时浏览器的地址中是不会带参数的，类似于post传参，并且刷新后参数会丢失。

query的写法：

 this.$router.push({path: '/myPathComp', query: {id: '1234'}});

或者就像get传参那样将参数写在路径后

获取方式

let id = this.$route.query.id;

理所当然地址上会暴露出参数