vue路由传值

在Vue中，路由传值通常是指通过路由传递参数到组件。Vue提供了两种主要的方式来在路由间传递参数：URL参数和查询参数。

URL参数

URL参数是在路由配置中定义的，可以直接通过路由路径传递。例如，假设我们有一个用户详情的页面，我们可能想通过用户的ID来访问这个页面。我们可以这样配置路由：

```javascript// router/index.jsimport Vue from 'vue'import Router from 'vuerouter'import UserDetail from '@/components/UserDetail'

Vue.use

export default new Router}qwe2```

在上面的例子中，`:id`是一个动态的路径参数。当用户访问`/user/123`时，`id`的值将是`123`。

在组件内部，你可以通过`this.$route.params`来访问这些参数：

```javascript// UserDetail.vueexport default { mounted { const userId = this.$route.params.id; console.log; }}```

查询参数

查询参数是在URL的查询字符串中传递的，通常用于传递多个键值对。例如，我们可能想传递用户的名字和年龄：

```javascript// 在其他组件中this.$router.push;```

上面的代码会导航到`/user/123?name=John