vue-router 的传参方法

* 1 *

//a.vue

this.$router.push({
    name:'gotoNew',   //与路由文件配置中的name相同
    query:{
        id:1
    }, // 参数地址栏上显示
    params:{
        id:1
    } // 参数地址栏上不显示,当传参之后重新刷新页面就没有传过来的参数了
})

//b.vue

//通过此两种方式获取传递过来的参数
this.$route.query.id
this.$route.param.id

* 2 *
//在标签中直接写出来

<router-link to={path:'gotoNew',query:{id:1},params:{id:1}}></router-link>

* 3 *

//在路由配置文件中写

{
    path:'/newPage/:id',
    name:'newPage',
    component:'newPage'
}

//页面中通过this.$route.param获取传递过来的参数