vue 3.0 如何获取vue-router参数

在 Vue 3.0 中，获取 vue-router 参数的方式与 Vue 2.x 稍有不同。下面是一个简单的示例：

import { createRouter, createWebHistory } from "vue-router";

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: "/user/:id",
      component: User,
    },
  ],
});

const User = {
  template: `
    <div>
      <h2>User {{ $route.params.id }}</h2>
    </div>
  `,
};

export default router;

在上面的示例中，我们定义了一个路由参数 `:id`，并在 `User` 组件中通过 `$route.params.id` 获取参数值。

另外，如果你想在组件内部监听参数变化，可以使用 `watch` 监听 `$route` 对象：

const User = {
  template: `
    <div>
      <h2>User {{ $route.params.id }}</h2>
    </div>
  `,
  watch: {
    '$route' (to, from) {
      // do something when route params change
    }
  }
};