vue3如何路由传参

Vue 3 中路由传参可以通过 `router-link`、`<router-view>` 或者组件内的 `props` 来实现。这里有几个常用的方法：

1. **通过 query 传参**:
- 在 `router-link` 上使用 `?param=value`，例如：`<router-link :to="{ name: 'yourRoute', params: { param: 'value' }}" />`
- 在组件内访问这些参数：`this.$route.query.param`。

2. **通过 route props 传参**:
- 在父组件的路由配置中设置 prop，例如：`{ path: '/your-path', component: YourComponent, props: { param: 'default-value' } }`
- 子组件接收参数：`props: { param }`，然后在组件内部使用 `this.param`。

3. **通过动态路由路径传参**:
- 在路由配置里使用动态占位符，如 `{ path: '/your-path/:id' }`
- 在链接或组件中通过 `:id` 替换为具体值：`<router-link :to="{ name: 'yourRoute', params: { id: 'yourValue' }}" />`

4. **通过 route components 的生命周期钩子**:
- 在 `beforeCreate()` 或者 `beforeMount()` 钩子中，可以通过 `this.$route.params` 获取参数。

相关问题：
1. 如何在 Vue 3 中使用 `beforeRouteEnter` 钩子来传递参数？
2. 如何在 Vue Router 的嵌套路由中动态传递参数？
3. 在 Vue 3 中，如何避免 URL 参数污染全局命名空间？