vue3编程式路由跳转传参

在Vue3中，可以使用`useRouter`和`useRoute`这两个API来进行编程式路由跳转和传参。具体步骤如下：

1. 在需要跳转的页面引入`useRouter` API：

import { useRouter } from 'vue-router'

2. 在组件中使用`useRouter` API获取`router`实例：

const router = useRouter()

3. 使用`router.push`方法进行路由跳转，并在配置对象中添加`params`参数：

router.push({ path: '/user/123', params: { id: 123 } })

4. 在目标页面中使用`useRoute` API获取路由参数：

import { useRoute } from 'vue-router'

const route = useRoute()
console.log(route.params.id) // 输出 123

需要注意的是，如果要使用`params`参数进行路由传参，需要在路由配置中设置`props: true`，并且在目标组件中使用`props`接收参数。另外，也可以使用`query`参数进行路由传参，具体方法可以参考引用中提到的`query`参数传递部分。