vue--js里跳轉頁面

我們知道在vue里進行頁面跳轉的話，我們使用<router-link>這個標簽

那在構造函數里我們不能直接操縱DOM元素，我們又該如何進行頁面跳轉呢？

步驟1:

我們先在DOM里設置三個按鈕，分別是“后退”，“前進”，“跳轉任一頁”。

<button @click="goback">后退</button>
<button @click="forwards">前進</button>
<button @click="goto">跳轉任一頁</button>

接下來就是在構造函數里操縱它們

當選擇“后退”按鈕，頁面會跳轉到前一頁

當選擇“前進”按鈕，頁面會跳轉到后一頁

當選擇“跳轉任一頁”按鈕，頁面會跳轉到跳轉任一頁

除了最后一個跳轉任一頁之外，其余兩個按鈕都需要有歷史痕跡才可以跳轉的

方法當然要寫在methods里：

methods: {
     goback() {
       this.$router.go(-1)
     },
     forwards() {
       this.$router.go(1)
     },
     goto() {
       this.$router.push("/about")
     }
}