关于Vue路由传参

最近在写react路由的时候突然想起vue，然后发现自己忘了好多东西，上网查资料发现还有些问题没弄清，比如传参能不能实现刷新页面不丢且用户无法在路径看到，于是索性亲自测试。

首先两种方式传参，

1.query传参

//用routerlink直接写到path上
<router-link to="/about?val=123">About</router-link>
//或者函数式
this.$router.push({
        // path:'/about',
        name:'About', //推荐用name
        query:{
          id:'456'
        }
      })
//接收
$route.query
//query传参必定会显示到路径，刷新页面不会丢失

2.params传参

//用routerlink直接写到path上
<router-link to="/about/123">About</router-link>
！注意要在router里面配置
{
    path: '/about/:id', 
    name: 'About',
    component: () => import('../views/About.vue')
  }
//此时会显示到url上且刷新不会丢失

//用函数式
this.$router.push({
        name:'About', 
        params:{
          id:'456'
        }
})
//如果不配置router，则不会在页面显示且刷新丢失

//接收
$route.params

所以综上所示，目前结论是无法做到隐藏参数且不丢失，但是可以做到隐藏参数