vue路由传参的四种方式

Vue 路由传参的四种方式如下：

1. 查询参数(Query Parameters)：使用 `?` 后跟参数的方式传递，例如 `/path?param1=value1&param2=value2`，可以通过 `$route.query` 或 `this.$route.query` 获取参数。

2. 动态路由(Dynamic Routing)：在路由的 path 中使用 `/:param` 的方式传递参数，例如 `/path/:id`，可以通过 `$route.params` 或 `this.$route.params` 获取参数。

3. 命名路由(Named Routing)：给路由取一个名字，然后在跳转时使用 `name` 属性传递参数，例如 `{ path: '/path/:id', name: 'path', component: PathComponent }`，可以通过 `$route.params.id` 或 `this.$route.params.id` 获取参数。

4. 路由元信息(Route Meta)：在路由配置中使用 `meta` 属性传递参数，例如 `{ path: '/path', component: PathComponent, meta: { param1: value1, param2: value2 } }`，可以通过 `$route.meta.param1` 或 `this.$route.meta.param1` 获取参数。