Vue 3 Router是一種用于Vue 3應用程序的路由配置。使用Vue Router可以讓單頁應用程序實現 URL 和 組件之間的映射關系。在Vue 3中，Vue Router也有一些新的特性和用法，本文將介紹Vue 3 Router的配置。

Vue 3 Router可以通過npm安裝，使用以下命令安裝：

npm install vue-router@next

安裝完成后，我們就可以開始創建一個Vue Router實例了。這可以通過在Vue應用程序的main.js文件中引入Vue Router并創建一個新的Vue Router實例：

import { createRouter, createWebHashHistory } from 'vue-router'
import Home from './views/Home.vue'
const routes = [
{
path: '/',
name: 'Home',
component: Home
},
]
const router = createRouter({
history: createWebHashHistory(),
routes
})
export default router

在上面的代碼中，我們首先導入了Vue Router的兩個函數，createRouter和createWebHashHistory。然后，我們定義了應用程序的路由，這里只包含了一個路由為'/'，組件為Home的路由。最后，我們使用createRouter函數和createWebHashHistory函數創建了Vue Router實例，并將它作為默認導出的模塊。

上面的路由中，使用了createWebHashHistory函數來創建Vue Router實例。在Vue 3中，Vue Router支持多種路由模式，包括：hash，history，memory等模式。在這里，我們使用了hash模式，因為它可以在不需要服務器支持的情況下使用。當然，也可以使用createWebHistory函數創建一個基于HTML5 history的路由實例。

現在，我們已經定義了路由和創建了Vue Router實例，我們需要讓應用程序使用它。為此，我們只需要在應用程序的入口點（通常是main.js）中引入Vue Router實例并將其添加到Vue實例中：

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
const app = createApp(App)
app.use(router)
app.mount('#app')

上面的代碼中，我們還將Vue Router實例通過app.use(router)添加到Vue實例中。這樣，Vue應用程序就可以使用Vue Router了。

Vue 3 Router還提供了許多其他的特性，例如：路由守衛，導航解析，異步路由，路由嵌套等。這些特性可以讓我們更好地控制我們的Vue應用程序的路由。