push()有兩種方式：一種是通過path，一種是通過name。然後無論是path還是name都有params和query方式進行傳遞，如下：
type = 「居住類」
this.$ router.push(})
this.$router.push(})
this.$router.push(})
this.$router.push(})
到這裡有人就有疑惑了，path方式明明沒有通過params進行傳參啊，沒錯，看起來沒有啊，但只是看起來而已，請看下兩張圖：
看到了嗎？其實它本質上是經過params傳遞的。
更沒想到的是，其實在傳遞引數的時候，可以同時params方式和query方式進行傳遞引數。
其實這沒什麼好驚訝的，路由物件中都有query，params物件，當然可以兩種方式一起了。
最後，注意一下，params方式時需要在路由定義的path中要表明你要傳遞的引數。query方式不用，想傳什麼就傳什麼，才不管他呢！
其實沒什麼好講的，的to屬性的值就是push裡面的第乙個引數，一模一樣的。為什麼呢？其實是的內部就是通過router.push()進行路由訪問的。
其實就是在路由定義的時候，進行了如下操作。
單個元件時：
多個元件時：
當然還要在對應的元件中進行如下操作：
如果 props 被設定為 true，route.params 將會被設定為元件屬性。這樣你就可以在那個路由，通過如this.id的方式獲得引數，但這種方式只適用於params方式傳參的時候，用這種方式獲得params物件的引數，query的不行。
那麼這種方式有什麼好處呢？
使用 props 將元件和路由解耦。vue文件是這麼說的，我也不明白，有人知道的話，告訴我啊。
VUE路由傳參主要的3種方式
vue路由傳參有3種方式 1 query方式 push時使用path來匹配 發起頁面 this.router.push 路由配置 routes 接受引數頁面 export default 跳轉轉收頁面的時候,位址列會顯示 2 params模式 push時使用name來匹配 發起頁面 this.rou...
VUE路由傳參有3種方式
vue路由傳參有3種方式 1 query方式 push時使用path來匹配 發起頁面 this.katex parse error expected got eof at end of input eturn 跳轉轉收頁面的時候,位址列會顯示 2 params模式 push時使用name來匹配 發起...
Vue路由傳參的3種形式
在列表向詳情頁面跳轉，而後在詳情頁面檢視列表的詳情資訊，此時設計路由傳參，vue中有3種傳參形式，介紹如下 class action btn click viewdetails item.id 一 path形式 methods 此方法，會將引數直接拼接在url上面，需要在路由檔案中配置動態路由，具體...