除了使用?<router-link>?創(chuàng)建 a 標簽來定義導航鏈接，我們還可以借助 router 的實例方法，通過編寫代碼來實現(xiàn)。

router.push(location, onComplete?, onAbort?)

注意：在 Vue 實例內部，你可以通過?$router?訪問路由實例。因此你可以調用?this.$router.push。

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

當你點擊?<router-link>?時，這個方法會在內部調用，所以說，點擊?<router-link :to="...">?等同于調用?router.push(...)。

聲明式

<router-link :to="...">

編程式

this.$router.push(...)

該方法的參數(shù)可以是一個字符串路徑，或者一個描述地址的對象。

注意：如果提供了?path，params?會被忽略

router.replace(location, onComplete?, onAbort?)

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

聲明式

<router-link :to="..." replace>

編程式

this.$router.replace(...)

router.go(n)

這個方法的參數(shù)是一個整數(shù)，意思是在 history 記錄中向前或者后退多少步，類似?window.history.go(n)。

?Browser History APIs 地址

https://developer.mozilla.org/zh-CN/docs/Web/API/History_API