Vue 路由是 Vue.js 官方提供的一種基于組件的路由。通過使用 Vue.js 的組件系統，我們可以輕松地構建 SPA(Single Page Application) 以及對于各種復雜的路由需求。

Vue Router 允許我們同時配置多個路由規則，其中每條路由規則都會映射為對應的組件。在使用 Vue Router 時，我們需要對應不同的路由規則進行頁面重定向。

下面是一個使用 Vue Router 來定義路由的例子：

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const Foo = { template: '
foo
' }
const Bar = { template: '
bar
' }
const routes = [
{ path: '/foo', component: Foo },
{ path: '/bar', component: Bar }
]
const router = new VueRouter({
routes // `routes: routes` 的縮寫
})

在上面的例子中，我們使用了 Vue.use(VueRouter) 來安裝路由插件，然后通過路由的構造函數 VueRouter 來創建一個路由。我們定義了兩個組件 Foo 和 Bar，分別對應著兩個路徑 /foo 和 /bar。

接下來，我們需要在 Vue 根實例中注入創建好的路由實例。下面是一個簡單的例子：

const app = new Vue({
router
}).$mount('#app')

在上面的例子中，我們創建了一個 Vue 根實例 app，并在它的構造函數中加入我們創建好的路由實例 router。然后再通過 $mount 方法將 app 實例掛載到特定的 DOM 元素中。這樣每當我們切換路徑時，就會觸發對應組件的加載。這就是 Vue Router 的基本使用方法。