vue路由传值params和query的区别

最新推荐文章于 2025-07-07 08:28:04 发布

weixin_33938733

最新推荐文章于 2025-07-07 08:28:04 发布

阅读量391

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://segmentfault.com/a/1190000018152209

本文详细解析了Vue中使用params和query进行路由传值的区别。params适用于命名路由，通过this.$route.params接收；query则类似GET请求，通过this.$route.query获取。了解这两种方式有助于更高效地在Vue应用中传递数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue路由传值params和query的区别

>     1.query传参和接收参数
>     传参: this.$router.push({ path:'/xxx' query:{ id:id } })
>     接收参数: this.$route.query.id
>     注意:传参是this.$router,接收参数是this.$route,这里千万要看清了！！！
>     2.params传参和接收参数
>     传参: this.$router.push({ name:'xxx' params:{ id:id } })
>     接收参数: this.$route.params.id
>     二者还有点区别，直白的来说query相当于get请求，