vue3 动态路由传递参数

在 Vue 3 中，你可以通过动态路由传递参数。这可以通过在路由定义时使用路由参数来实现。下面是一个示例：

首先，在定义路由时，在路由路径中使用冒号(`:`)来指定参数的名称。例如：

{
  path: '/user/:id',
  component: UserComponent
}

在上面的示例中，`:id` 是一个动态的参数。

然后，在组件中使用 `$route.params` 来获取路由参数的值。例如：

const UserComponent = {
  created() {
    console.log(this.$route.params.id);
  }
}

在上面的示例中，`this.$route.params.id` 可以获取路由参数 `id` 的值。

如果你想在同一个组件中动态更新参数，可以使用 `watch` 监听 `$route` 的变化。例如：

const UserComponent = {
  watch: {
    '$route'(to, from) {
      console.log(to.params.id);
    }
  }
}

这样，当路由参数发生变化时，`to.params.id` 就会被更新。

希望这能帮到你！如果你还有其他问题，请随时提问。