router跳轉 vue

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和頁面之間的對映關係。