Vue是一個流行的JavaScript框架，它可以幫助開發者構建高性能、可維護的用戶界面。隨著Vue的不斷發展和更新，新的功能被不斷加入到框架中。其中一項非常有用的特性就是Vue的路由功能，即Vue Router。

Vue Router是Vue官方提供的路由管理器。它可以幫助我們實現頁面之間的跳轉和導航，為單頁應用提供支持。我們可以使用Vue Router來定義應用程序的路由規則，將URL與頁面組件進行映射。

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const router = new VueRouter({
routes: [
{
path: '/',
component: Home
},
{
path: '/about',
component: About
},
{
path: '/contact',
component: Contact
}
]
})

在上面的代碼中，我們首先引入Vue和Vue Router，然后使用Vue.use(VueRouter)安裝Vue Router插件。接下來我們定義了一個路由實例，其中routes屬性定義了各個路由規則，每一個路由規則都由一個路徑path和對應的組件component組成。

例如，第一個路由規則表示當用戶訪問網站根目錄時，顯示Home組件。第二個路由規則表示當用戶訪問/about路徑時，顯示About組件。第三個路由規則表示當用戶訪問/contact路徑時，顯示Contact組件。

通過自定義路由規則，我們可以將不同的URL地址映射到不同的組件，從而實現頁面之間的導航和切換，提升用戶的交互體驗。