vue 路由传参的三种方式

路由的路径中的有1项或者几项是变量可以变化
在目标组件通过 $route.params 来接受数据

routes:[
  {
    path:'/login/:hehe/:xixi'
  }
]
//  url =>  localhost:8080/login/123/456
conosole.log(this.$router.params) // ==> {hehe:123,xixi:456}

query传参
相当于get 传递参数数据会出现在地址栏上 缺少安全性 有数据长度限制

  this.$router.push('/name?us=123$ps=123')
  this.$router.push({path:'/name',query:{us:123,ps:123}})

在目标组件里通过this.$route.query()进行接收
params传参
不会出现在地址栏上
没有长度限制问题
不能和path一起使用

  this.$router.push({name:"hehe",params:{us:123,ps:123}})

在目标组件里通过 this.$route.param()接收