vue编程式路由跳转和传参

vue编程式路由的跳转方式是：

this.$router.push({
    name:''
})

name属性后跟的是你要跳转的页面的name，所以尽量给每个页面都设置一个name，路径跳转的时候很方便的 。

在跳转的时候还可以附带的传递参数，而且传递参数的方式有两个，params和query，现在来看看他们的区别在哪里。

params传值：

this.$router.push({
    name:'',
    params:{id:id}
})

// 接收参数
this.$route.params.id

 

query传值：

this.$router.push({
    name:'',
    query:{id:id}
})

// 接收参数
this.$route.query.id

注意他们两个的参数接收方式，传递的时候是router，接收的时候是route！

他们的区别直白讲query相当于get请求，页面跳转的时候，可以在地址栏看到请求参数，而params相当于post请求，参数不会再地址栏中显示。