传参query与params

1.query方式传递参数

this.$router.push({
    /query方式传参使用path或name都可以
    path:'/index',
    query:{
    //要传递的参数
    key:value
}
})

query方式传递参数接收参数

this.xx=this.$route.query.xx

---

2.params方式传递参数

this.$router.push({
    /使用params方式传参这里必须写name 路由中定义的name
   	name:'xxx',
    params:{
    //要传递的参数
    key:value
}
})

params方式传递接收参数

this.xx=this.$route.params.xx

---

注意事项

/在传递参数是使用this.$router
/接收参数时使用this.$toute
/只有一个r的差别,经常会犯的小马虎

query与params方式传参在客户端的区别

query方式传参在地址栏中会显示 字段=数据
id=1&age=18&name=zhangsan

params方式传参在地址栏中会显示 数据/数据/数据
1/18/zhangsan