vue-router路由传参的几种方式和区别

第一种：通过路由声明的方式（优点是美观，我一般用这种）
// 在路由中这样用，path后跟“/:id”，代表收到的值是id
{
     path: '/editUser/:id',
     name: 'editUser',
     component: resolve => require(['../views/main/EditUser'], resolve),
 },
// 在组件中这样传值：
this.$router.push({
    name: 'editUser', // 这一点需要注意，要用name找到对应的路由
    params:{ // 使用params传值，不要用query
     id: row.id
    }
})
// 点击后url显示

// 使用this.$route.params 接收值
// 分别打印 this.$route 和 this.$route.params 结果如下

第二种、第三种，自己百度一下就好了......