一看就會的vue 路由傳參 params 與 query兩種方式的區別

這麼說容易理解：query相當於get請求，頁面跳轉的時候，可以在地址欄看到？+傳的值，而params相當於post請求，參數不會再地址欄中顯示。

//query傳參 這裏路徑用的是path
this.$router.push({
        path:'/xxx'
        query:{
          id:id
        }
      })
  
//query接收參數:
this.$route.query.id
​
//params傳參 這裏路徑用的是name
this.$router.push({
        name:'xxx'
        params:{
          id:id
        }
      })
  
接收參數:
this.$route.params.id

傳參是this.$router,接收參數是this.$route,