vue路由传参方式有哪些

Vue 路由传参方式有以下几种：

通过路由参数传递参数：在路由中使用 /:paramName 的方式来定义路由参数，然后在组件中通过 $route.params.paramName 来获取参数值。例如：{ path: '/user/:userId', component: User }。

通过查询参数传递参数：可以在路由中使用 ?queryParamName=paramValue 的方式来定义查询参数，然后在组件中通过 $route.query.queryParamName 来获取参数值。例如：{ path: '/user', component: User }。

通过 props 传递参数：可以在路由中使用 props: true 来开启路由组件的 props 功能，然后在组件中通过 props 属性来接收参数值。例如：{ path: '/user/:userId', component: User, props: true }。

通过函数传递参数：可以在路由中使用 props: function(route) 的方式来定义一个函数来动态计算 props 值，然后在组件中通过 props 属性来接收参数值。例如：{ path: '/user/:userId', component: User, props: (route) => ({ userId: route.params.userId }) }。

需要注意的是，在使用路由传参时，不同的传参方式适用于不同的场景，需要根据具体情况选择合适的方式。