vue3组合式路由传参

在 Vue 3 中，我们可以使用组合式 API 来实现路由传参。下面是一个示例：

首先，我们需要使用 `createRouter` 函数创建一个路由实例，并传入路由配置项：

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

const router = createRouter({
  history: createWebHistory(),
  routes: [
    // 路由配置项
  ],
});

然后，在路由配置项中，我们可以使用 `props` 字段来传递参数：

const routes = [
  {
    path: '/user/:id',
    component: User,
    props: true,
  },
];

在组件中，我们可以通过 `props` 来接收传递的参数：

const User = {
  props: ['id'],
  template: '<div>User ID: {{ id }}</div>',
};

这样，当访问 `/user/123` 路径时，组件 User 将会接收到 `id` 参数，并渲染出 "User ID: 123"。