vue，router跳轉

vue-router中跳轉頁面有三種跳轉方式。

方法一：router.push()

方法二：router.replace()

方法三：router.go(n)

router.push()  跳轉指定url路徑，並向history棧中添加一個記錄，點擊後退會返回到上一個頁面

router.push({ path, params})

/**說明 path:跳轉路徑*      params:參數*/router.push({ path:'page/index', query:{user_name:'YanGo'})

router.replace()  跳轉指定url路徑，但是history棧中不會有記錄，點擊返回會跳轉到上上個頁面 (就是直接替換了當前頁面)，傳參跟push一樣

router.go(n) 向前或者向後跳轉n個頁面，n可爲正整數或負整數。

拓展資料：

vue-router是什麼？

vue-router就是WebApp的鏈接路徑管理系統。

vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，適合用於構建單頁面應用。vue的單頁面應用是基於路由和組件的，路由用於設定訪問路徑，並將路徑和組件映射起來。傳統的頁面應用，是用一些超鏈接來實現頁面切換和跳轉的。在vue-router單頁面應用中，則是路徑之間的切換，也就是組件的切換。路由模塊的本質 就是建立起url和頁面之間的映射關係。