vue 路由传参

Vue 路由传参可以通过以下几种方式实现：

1. 在路由路径中传参

可以在路由路径中使用动态路由参数来传递参数。例如：

{
  path: '/user/:id',
  component: User
}

在组件中可以通过 `$route.params.id` 来获取参数。

2. 在路由查询字符串中传参

可以在路由路径后添加查询字符串来传递参数。例如：

{
  path: '/user',
  component: User
}

在组件中可以通过 `$route.query` 来获取参数。

3. 通过 props 属性传参

可以在路由配置中通过 props 属性来传递参数。例如：

{
  path: '/user',
  component: User,
  props: { name: 'John' }
}

在组件中可以通过 `props` 属性来获取参数。例如：

export default {
  props: ['name'],
  ...
}

4. 通过 Vuex 状态管理传参

可以使用 Vuex 来存储和管理应用程序的状态，在组件中直接访问状态即可。例如：

import Vuex from 'vuex'

const store = new Vuex.Store({
  state: {
    user: null
  },
  mutations: {
    setUser (state, user) {
      state.user = user
    }
  }
})

在组件中可以通过 `mapState` 辅助函数来访问状态。例如：

import { mapState } from 'vuex'

export default {
  computed: mapState(['user']),
  ...
}