路由切換大方面可分為兩類：一類是標籤，另一類是程式設計導航。

第一種：router-link標籤

router-link 和a標籤一樣，點選後跳轉，to 屬性指定跳轉路由的地址，具體程式碼如下：

<router-link   to="/home">點選跳轉home</router-link>

第二種：程式設計導航

當然我們不能每次跳都通過點選連結來切換，所以我們還可以通過函式來跳轉，vue-router 提供了push、replace、go三種方法給我們用，我們簡單看一下，所提供方法具體的引數可參見官方文件

//導航到新路由時，會向history棧中新增一條新的記錄
router.push({ path: '/home' })


 
//跟router.push類似，唯一不同的是：它不會向history新增新紀錄，正如它的名字的意思那樣——而是替代掉當前的history記錄
router.replace({ path: '/home' })


//這個方法的引數n是一個整數，意思是在history記錄中前進或後退多少步，類似於 window.history.go(n)
router.go(n)