Vue3路由如何正确接收动态参数？

Question

在使用 Vue3 配合 Vue Router 时，如何正确接收动态路由参数是常见问题。例如，定义了 `/user/:id` 这样的路由，如何在组件中获取 `id` 的值？很多开发者在组合式 API 中误用 `this.$route`，导致报错。正确的做法是在 `setup()` 中通过 `useRoute` 钩子获取当前路由信息，并访问 `params.id` 来获取动态参数。此外，还需注意参数变化时的响应处理，如配合 `watch` 实现数据更新。掌握这一技巧对构建灵活、响应式的路由应用至关重要。