Vue.js 是一個輕量級的 JavaScript 框架，可以用於開發優秀的用戶界面。它提供了一個簡單的方法來創建和管理路由，並提供了一個路由導航系統，可以讓您在應用程序中輕鬆地導航。本文將介紹如何在 Vue 中使用路由和路由導航。
安裝 Vue Router
首先，您需要安裝 Vue Router，它是一個用於在 Vue 應用程序中創建路由的插件。您可以使用 npm 或 yarn 來安裝 Vue Router：
npm install vue-router yarn add vue-router
創建路由
接下來，您需要創建一個路由對象，它將包含您應用程序中的所有路由。您可以使用 Vue Router 的 routes 選項來創建路由對象：
const router = new VueRouter({
routes: [
{ path: '/', component: HomePage },
{ path: '/about', component: AboutPage }
]
})
上面的代碼創建了一個路由對象，它包含了兩個路由：一個對應到 / 路徑，另一個對應到 /about 路徑。每個路由都有一個對應的組件，當用戶訪問該路徑時，將會顯示該組件。
導航
現在，您可以使用 Vue Router 的 <router-link> 組件來創建導航鏈接：
Home About
上面的代碼將創建兩個鏈接，當用戶點擊鏈接時，將會導航到對應的路徑。
導入路由
最後，您需要將路由對象導入到 Vue 應用程序中：
const app = new Vue({
router
}).$mount('#app')
上面的代碼將路由對象導入到 Vue 應用程序中，並將其鏈接到 #app 元素。
總結
在本文中，您學習了如何在 Vue 中使用路由和路由導航。您可以使用 Vue Router 來創建路由，並使用 <router-link> 組件來創建導航鏈接。