vue 路由传参方式

1、query

this.$router.push({
    path: '/home',
    name: 'Home',
    query: {
        id: 001,
        name: 'zhang'    
    }
})

query 传参可使用 path 和 name 引入（取其中任何一个即可，效果一样）

2、params

this.$router.push({
    name: 'Home',
    params: {
        id: 001,
        name: 'zhang'    
    }'
})
// 路由方式
{
    path: '/home/:id/:name',   
    name: 'Home',
    component: () => import('@/src/view/home.vue')
}

params 只能使用name引入
!!! 注意
使用 params 路由方式，则必须在path后添加参数， params 如果没有传参，跳转则会失败或者空白
如果使用 params 第一种方式，路由后没有/:id/:name(地址显示为 http://localhost:8080/home ),刷新后则params参数丢失