最近在寫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

所以綜上所示，目前結論是無法做到隱藏引數且不丟失，但是可以做到隱藏引數