vue中的路由的跳转的参数

vue中的路由跳转传参

params 与 query

this.$router.push({
   name:"detail",
   params:{
    name:'nameValue',
    code:10011
 }
});

this.$router.push({
  path:'../../地址',
  query:{
    要传递的属性名:属性值
　　phone:phone
 }
})
this.phone = this.$route.query.phone 接收     注意this的指向以及在data声明一下

1、用法上的

　　刚才已经说了，query要用path来引入，params要用name来引入，接收参数都是类似的，分别是this.$route.query.name和this.$route.params.name。

注意接收参数的时候，已经是$route而不是$router了哦！！

2、展示上的

　　query更加类似于我们ajax中get传参，params则类似于post，说的再简单一点，前者在浏览器地址栏中显示参数，后者则不显示