params 和 query 传参 对象写法

{

            path: "/search",

            component: Search,

            meta: { show: true },

            name: "search"

}, 想往哪个组件传 就在路由写个起个名字 name是起的名字

 

 

用法

 

 

 

接收

 

 

 

query传递参数会在url后面用？连接起来，且参数之间用&&符号连接然后显示在页面的url中；params传递参数不会显示在页面中；query有点像ajax中的get请求，而params像post请求。

在vue中使用query要搭配path路径，而params只能由命名路由name来引入；看下列代码：
————————————————
版权声明：本文为CSDN博主「coderXRW」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_42282727/article/details/107505014

 

{
path: '/argu/:name/:id', //这种路由配置是params传递参数,且这个后面必须加参数，如果不加，刷新页面这些参数会消失
name:'argu',
component: () => import('@/views/argu.vue'),
},