vue3路由传参如何保持响应式

在 Vue3 中，可以使用路由参数来实现响应式。具体步骤如下：

1. 在路由配置中定义路由参数：

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

2. 在组件中访问路由参数：

import { useRouter } from 'vue-router'

export default {
  setup() {
    const route = useRouter()

    return {
      userId: route.params.id
    }
  }
}

3. 在模板中使用路由参数：

<template>
  <div>
    User ID: {{ userId }}
  </div>
</template>

当路由参数发生变化时，组件中的 `userId` 数据也会自动更新，从而实现了响应式。