Vue是一個流行的JavaScript框架，它有一個非常重要的功能就是路由。Vue的路由是用來管理多頁面應用程序的，可以讓頁面之間的跳轉更加靈活和高效。Vue的路由主要通過其內置的路由庫Vue-Router來實現。

Vue-Router是Vue.js官方提供的路由管理工具。它的優點是代碼簡單，易于理解，對于單頁面和多頁面應用都有很好的兼容性。Vue-Router支持路由的定義、路由的傳參、路徑參數和模糊匹配、路由的攔截、路由傳參、路由鉤子等多種功能。

//路由配置
const router = new VueRouter({
mode: 'hash',//history 或 hash
//設置默認路由
routes: [
{
path: '/',
component: Home
},
{
path: '/about',
component: About
},
{
path: '/contact-us',
component: ContactUs
}
]
})

Vue-Router的配置項有很多，其中mode就是它支持的兩種路由模式之一。當mode設置為hash時，路由模式將變成hash值，這樣我們就可以在url中看到#，這就是Vue-router默認的路由模式。當mode設置為history時，就變成了HTML5 history模式，這種模式的好處就是說，當我們更改頁面時，不會導致頁面的刷新，而是通過異步的方式來進行加載。

除了mode外，還有routes屬性，它是所有路由配置的數組，我們可以根據需求配置多個路由，比如上面的例子就配置了三個路由，/、/about和/contact-us。其中，每個路由的path屬性表示該路由的路徑，component屬性表示該路由對應的組件。這樣我們就可以通過path來跳轉到不同的組件。

//路由跳轉
router.push('/about')

除了路由的配置外，Vue-Router還支持路由的跳轉。Vue-Router提供了一個名為router的實例，我們可以通過該實例的push方法來跳轉到不同的路由。上面的例子就是跳轉到/about路由。

總之，Vue-Router在Vue.js中扮演著非常重要的角色，使我們的Web應用程序跳轉更加靈活、高效、快速和可靠。同時，Vue-Router使用簡單易懂，它支持的路由模式、路由配置和路由跳轉等功能也非常強大，非常適合前端開發人員使用。