vue 路由传参 params 与 query两种方式的区别

vue路由传参，有两种方式，params 与 query，这两种方式有什么区别呢

1、query要用path来引入，接收参数是this.$route.query.name，请求的参数会在地址栏显示。

2、params要用name来引入，接收参数是this.$route.params.name，相当于是post请求，参数在url中不显示

query请求如下：

this.$router.push({
   path:"/detail",
   query:{
    name:'nameValue',
    code:10011
 }
});

params请求如下：

this.$router.push({
   name:"detail",
   params:{
    name:'nameValue',
    code:10011
 }
});

query在浏览器地址栏中显示参数，params则不显示

query

params