vue路由通过什么传值

Vue路由可以通过params和query方式传值。

1. params传值： params方式是将参数作为路由路径的一部分，例如：

   // 路由配置
   const router = new VueRouter({
       routes: [
           {
               path: '/user/:id',
               component: User,
               props: true  // 开启props传参
           }
       ]
   });
   // 使用
   this.$router.push('/user/1');
   

   在User组件中，可以通过props属性接收传过来的参数：

   export default {
       props: ['id'],
       mounted() {
           console.log(this.id);  // 输出1
       }
   }
   

   props: true 表示开启props传参，此时可以直接在组件中通过this.id来接收路由传递的参数。

2. query传值： query方式是将参数作为查询字符串传递，直接拼接在URL后面。例如：

   // 路由配置
   const router = new VueRouter({
       routes: [
           {
               path: '/user',
               component: User
           }
       ]
   });
   // 使用
   this.$router.push({
       path: '/user',
       query: {
           id: 1
       }
   });
   

   在User组件中，可以通过$route.query来获取传过来的参数：

   export default {
       mounted() {
           console.log(this.$route.query.id);  // 输出1
       }
   }
   

   注意，使用query方式传值时，不需要在路由配置中做任何改动。

综上所述，Vue路由可以通过params和query方式传值来传递参数。

Vue路由可以通过多种方式进行传值，其中常用的方式包括：

1. 路由参数传值：通过在路由路径中定义参数的方式进行传值。例如，在路由配置中定义了一个路由路径为/user/:id，其中:id表示参数，可以通过在组件中获取this.$route.params.id来获取参数值。

2. 查询参数传值：通过在URL中添加查询参数的方式进行传值。例如，URL为/user?id=123，可以通过在组件中获取this.$route.query.id来获取查询参数值。

3. 路由元信息传值：通过在路由配置中定义元信息的方式进行传值。可以在路由配置中定义meta属性，用来保存一些额外的信息。例如，在路由配置中定义meta: { title: '用户详情' }，可以通过this.$route.meta.title来获取元信息值。

4. 路由命名传值：通过给路由配置命名的方式进行传值。通过给路由命名，并且在路由路径中使用命名的方式进行跳转，可以将参数值直接传递给被跳转的组件。

5. props传值：可以通过给路由配置中的props属性传递参数值。可以将参数值直接传递给组件的props属性，从而在组件中使用props属性来获取传递的参数值。例如，在路由配置中添加props: true，则会将路由参数直接作为组件的props属性值传递过去。

需要注意的是，以上方式可以单独使用，也可以结合使用。根据具体的需求和场景，选择合适的方式进行传值。

在Vue路由中，可以通过以下方式来传值：

1. 使用路由参数（Route Params）：路由参数可以通过在路由的路径中添加占位符来定义，例如：/user/:id。在进行路由跳转时，可以通过在<router-link>标签或router.push()方法中提供参数的方式来传递参数。在目标组件中，可以通过$route.params来获取传递的参数。

2. 使用查询参数（Query Params）：查询参数可以通过在路由的路径中添加查询字符串的形式来定义，例如：/user?id=1。在进行路由跳转时，可以通过在<router-link>标签或router.push()方法中提供to属性，并在其中指定query对象来传递参数。在目标组件中，可以通过$route.query来获取传递的参数。

3. 使用命名路由（Named Routes）：命名路由是给特定路由定义一个名称，通过名称来进行路由跳转。在进行路由跳转时，可以通过在<router-link>标签或router.push()方法中提供name属性，并在其中指定目标路由的名称来传递参数。在目标组件中，可以通过$route.params来获取传递的参数。

4. 使用路由对象（Route Object）：在Vue路由中，每个路由对象都有一个params属性和一个query属性，可以通过路由对象直接获取传递的参数。在目标组件中，可以通过this.$route.params和this.$route.query来获取传递的参数。

需要注意的是，以上的传值方式可以同时使用，也可以根据具体的需求选择其中一种。在实际应用中，还可以结合使用props属性将参数传递给目标组件，以便更灵活地处理数据传递。