vue3页面跳转后，取参

在 Vue3 中，页面跳转可以使用 Vue Router 实现，而取参的方式则有多种。以下是其中两种比较常用的方式：

1. 通过 $route 对象获取参数：

在目标页面中，可以通过 `$route.params` 或 `$route.query` 对象获取参数。其中，`$route.params` 用于获取动态路由参数，`$route.query` 用于获取查询参数。

例如，在路由配置中定义了一个动态路由 `/user/:id`，则在目标页面中可以通过 `$route.params.id` 获取该参数的值；如果是查询参数，则可以通过 `$route.query.xxx` 的方式获取。

2. 通过 props 传递参数：

可以在路由配置中使用 props 属性来传递参数。首先需要在路由配置中设置 `props: true`，表示启用 props 传参。然后在目标组件中定义 props 接收参数。

例如，在路由配置中设置：

{
  path: '/user',
  name: 'User',
  component: User,
  props: true
}

则在目标组件 `User` 中可以定义 props：

export default {
  name: 'User',
  props: ['id'],
  // ...
}

在跳转到 `/user` 路由时，传入参数：

<router-link to="/user" :params="{ id: 1 }">Go to User</router-link>

这样，在目标组件中就可以通过 `this.id` 获取传入的参数值了。