query方法和params方法

query语法

// 传递参数
this.$router.push({
   path:"地址",
   query:{
       id:"1234"
   }
});

// 接收参数
this.$route.query.id;

params语法

// 传递参数
this.$router.push({
   name:"地址",
   params:{
       id:"1234"
   }
});

// 接收参数
this.$route.params.id;

两者的区别

1.写法不同（可以查看编写路由时候的相关属性，也可以输出一下路由对象信息看一下）

query的写法是用path来编写传参地址

params的写法是用name来编写传参地址

2.接收方法不同（谁接的谁去接收）

query用query来接收

params用params来接收

3.query刷新页面时参数不会消失；params刷新页面时参数会消失（可以考虑本地存储解决）

4.query传的参数在url地址栏中显示；params传的参数不会在url地址栏中显示