vue3中的params

在Vue3中，params是一种用于路由传参的方式。可以通过在路由配置中使用params来定义参数，并在页面跳转时传递参数。使用params传参的方式可以在路由配置的path中定义参数，然后在跳转时通过路由链接或者编程式导航的方式传递参数。

在模板中可以通过使用{{ route.params.id }}来获取传递的参数。其中route是通过使用useRoute函数获取到的路由对象。在模板中直接使用route.params.id就可以获取到传递的参数值。

举个例子，如果在路由配置中定义了一个名为users的路由，并且在path中使用了params传参的方式，如下所示：

{
  path: '/user/:id',
  name: "users",
  component: User
}

在页面中可以通过router-link或者编程式导航的方式跳转到这个路由，并传递参数。例如：

<router-link :to="{ name: 'users', params: { id: this.id}}">
  按钮
</router-link>

或者

this.$router.push({name:'users',params:{id: this.id}})

或者

this.$router.push('/user/' + this.id)

然后在用户组件的模板中，可以使用{{ route.params.id }}来获取传递的参数值。

总结起来，Vue3中的params是一种用于路由传参的方式，可以在路由配置中定义参数，并在页面跳转时传递参数，然后在接收页面中通过route.params来获取传递的参数值。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue3中路由传参query、params及动态路由传参详解](https://blog.csdn.net/WuLex/article/details/127914291)[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 ]