編程式導(dǎo)航：router.go()方法的使用【W(wǎng)eb前端培訓(xùn)】

　　router.go()方法的參數(shù)是一個(gè)整數(shù)，表示在history歷史記錄中前進(jìn)或后退多少步，類似于window.history.go()。this.$router.go(-1)相當(dāng)于history.back()，表示后退一步;this.$router.go(1)相當(dāng)于history.forward()，表示前進(jìn)一步，功能類似于瀏覽器上的后退和前進(jìn)按鈕，相應(yīng)的地址欄也會(huì)發(fā)生改變。下面我們通過(guò)例5-9進(jìn)行演示。

　　【例5-9】

　　(1)創(chuàng)建C:\vue\chapter05\demo09.html文件，具體代碼如下：

<div id="app">
    <button @click="goBack">后退</button>
</div>
<script>
var router = new Vue({
    el: '#app',
    methods: {
        goBack () {
            this.$router.go(-1) //  使用this.$router.go()進(jìn)行后退操作
        }
    },
    router
})
</script>

　　(2)在瀏覽器中打開(kāi)demo09.html，單擊“后退”按鈕，瀏覽器就會(huì)執(zhí)行后退操作。