vue3怎么进行路由传值和接收

在 Vue3 中，可以使用 Vue Router 进行路由传值和接收。路由传值可以通过路由参数、查询参数、props 属性等方式实现。这里以 props 属性为例进行说明：

1. 在路由配置中，通过 props 属性将参数传递给组件：

const routes = [
  {
    path: '/user/:id',
    name: 'User',
    component: User,
    props: true // 将路由参数作为 props 传递给组件
  }
]

2. 在组件中，通过接收 props 属性来获取路由参数：

export default {
  props: ['id'], // 声明需要接收的 props 属性
  // ...
}

3. 在模板中，可以直接使用 props 属性：

<template>
  <div>
    <h1>User ID: {{ id }}</h1>
  </div>
</template>

这样，在访问 `/user/123` 路径时，路由参数 `id` 将会被传递给 `User` 组件，并且可以在组件中通过 `props` 属性获取到。