開發過程中經常會遇到路由跳轉需要攜帶引數的情況，在大多數單頁面中，一般都是通過使用vue-router來實現路由的。通過在vue例項內部訪問$router來訪問路由例項，呼叫this.$router.push導航到不同的url。
注意：
$router是vue-router例項，用$router.push方法導航到不同的url
$route是當前router跳轉物件，獲取name、path、query、params等
params傳參，只能通過name來引入路由，push裡面只有寫name才會生效，path不生效，接收引數會是undefined。
區別：1、params傳參不會顯示在url中，query傳參會顯示在url中
2、query傳參path和name都可以，params只能用name
3、params引數f5強制重新整理會被清空
VUE路由傳參之params傳參和query傳參
下列觀點只代表個人觀點，如有不足之處，煩請指正！今天在頁面間使用 router.push傳參時，發現頁面重新整理資料之後，路由中params的資料丟失了。1.繼續使用params傳參 繼續使用params傳參，需要在對應路由中新增引數，用來儲存 不知道這麼說對不對 params中對應的引數。如圖 模...
VueRouter中params和query的區別
query 查詢 和 params 引數 兩者都是在 vue 路由中傳遞引數 query 用 path 屬性引入，params 用 name 屬性引入 傳參 this.router.push 接收引數 this.route.query.id傳遞引數使用 this.router，接收引數使用 this...
程式設計式導航以及路由的params和query
程式設計式導航 通過j ascript形式的api實現導航的方式，叫做程式設計式導航 例如 普通頁面的 location.href this.router.push hash位址 跳到指定的頁面 router.push home 字串 router.push 物件 router.push 命名路由，...