vue3.2 路由传值

Vue 3.2 中路由传值主要是通过组件之间的通信机制来实现的，特别是在使用Vuex管理状态时。以下是几种常见的路由传值方法：

1. **查询参数（query）**：这是最直接的方式，通过URL的查询字符串传递数据，如 `router.push({ name: 'yourRoute', query: { key: value } })`。然后在目标组件中通过 `$route.query` 来获取。

2. **路径参数（params）**：适用于已知键值对的数据，通过 `{name: 'yourRoute', params: { id: 123 }}` 进行传递，目标组件通过 `$route.params` 获取。

3. **路由props**：在子组件上设置`props: true`，父组件可以通过`this.$router.push({ name: 'yourRoute', props: { data: yourValue } })`，子组件通过`props`接收数据。

4. **Vuex state或actions**：如果数据管理复杂，可以将数据存入Vuex的state中，通过mutation或action更新，然后在路由导航时触发action，更新store，进而传递数据。

5. **自定义事件/Provide/Inject**：使用`provide/inject`可以实现单向数据流，从父组件通过`provide`传递数据给所有子组件，然后在需要的子组件中通过`inject`获取。

6. **使用`asyncData`或`fetch`生命周期钩子**：对于动态获取的数据，可以在这些钩子里获取并传递给组件。

记得在接收路由传递的数据时，检查数据是否存在，避免潜在的undefined问题。