vue router.push(),router.replace(),router.go()

1.router.push(location)=====window.history.pushState

想要導航到不一樣的 URL，則使用 router.push 方法。這個方法會向 history 棧添加一個新的記錄，因此，當用戶點擊瀏覽器後退按鈕時，則回到以前的 URL。

1 2 3 4 5 6 7 8 9 10 11

// 字符串 router.push( 'home' )   // 對象 router.push({ path:  'home'  })   // 命名的路由 router.push({ name:  'user' ,  params : { userId: 123 }})   // 帶查詢參數，變成 /register?plan=private router.push({ path:  'register' , query: { plan:  'private'  }})

 

2.router.replace(location)=====window.history.replaceState

跟 router.push 很像，惟一的不一樣就是，它不會向 history 添加新記錄，而是跟它的方法名同樣 —— 替換掉當前的 history 記錄

 

3.router.go(n)====window.history.go

1 2 3 4 5 6 7 8 9 10 11 12

// 在瀏覽器記錄中前進一步，等同於 history.forward() router.go(1)   // 後退一步記錄，等同於 history.back() router.go(-1)   // 前進 3 步記錄 router.go(3)   // 若是 history 記錄不夠用，那就默默地失敗唄 router.go(-100) router.go(100)