使用vue-router元件 ，跳轉的話一般使用router-link標籤

如: <router-link to="/home">Home</router-link

要做路由跳轉的話，還是要用Vue的Vue-router外掛。Vue-Router是Vue官方的路由管理器，和Vue核心深度整合，提供了巢狀路由、命名檢視、命名路由、程式設計式導航等基本功能和導航守衛、資料獲取、路由懶載入等多種高階功能，滿足單頁面的路由需求。總結來說，其包含的功能有：

巢狀的路由/視圖表模組化的、基於元件的路由配置路由引數、查詢、萬用字元基於 Vue.js 過渡系統的檢視過渡效果細粒度的導航控制帶有自動啟用的 CSS class 的連結HTML5 歷史模式或 hash 模式，在 IE9 中自動降級自定義的捲軸行為

既然是外掛，在使用前就需要先安裝。安裝好之後，先在

main.js

檔案裡面引入，如下圖所示：

然後在

app.vue

裡寫明：

然後就可以使用路由跳轉了，具體使用方法請參考官方文件：https://router.vuejs.org/zh/guide/essentials/dynamic-matching.html