this.$route.query

this.$route.query是Vue Router中的一个属性，用于获取当前路由的查询参数。查询参数是指在URL中以问号“?”开头的键值对，例如：http://example.com/?name=John&age=25，其中name和age就是查询参数。使用this.$route.query可以获取到当前路由的所有查询参数，返回值是一个对象，例如：{name: "John", age: "25"}。

相关问题

this.$route.params和this.$route.query

this.$route.params是Vue Router中用于接收通过路由中的参数传递的值的方式。通过this.$route.params可以获取到路由中通过params传递的参数值。

而this.$route.query则是用于接收通过路由中的查询参数传递的值的方式。通过this.$route.query可以获取到路由中通过query传递的参数值。

两者的区别在于，params传参需要在路由定义中指定name，并且通过name来引入路由，而query传参则直接通过键值对的方式在URL中进行传递。另外，params传参在切换路由时使用的是name来指定目标路由，而query传参则使用path来指定目标路由。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue中this.$route.query和this.$route.params & query传参和params传参的使用和区别](https://blog.csdn.net/weixin_44867717/article/details/109773945)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]

this.$route.query.

this.$route.query是Vue Router中的一个属性，用于获取当前路由的查询参数。查询参数是指在URL中以问号“?”开头的键值对，例如：http://example.com/?name=John&age=25，其中name和age就是查询参数。使用this.$route.query可以获取到当前路由的所有查询参数，返回值是一个对象，例如：{name: "John", age: "25"}。