Vue-router是Vue.js的官方路由管理器。它可以實現單頁面應用(SPA)中的路由切換和參數傳遞，使得頁面的跳轉、數據的傳遞變得簡單和高效。

要使用Vue-router，需要先引入Vue和Vue-router：

然后在Vue實例中，使用Vue.use(VueRouter)加載并啟用路由。

var router = new VueRouter({
routes: [
{
path: '/',
component: Home
},
{
path: '/about',
component: About
},
{
path: '/contact',
component: Contact
}
]
})
var app = new Vue({
el: '#app',
router: router
})

以上代碼定義了三個路由，分別是路徑為'/'、'/about'、'/contact'的路由，對應的組件分別是Home、About、Contact。然后定義一個Vue實例，將路由實例router作為屬性傳入，綁定到el為'#app'的元素上。

在HTML代碼中，需要使用<router-link>標簽進行路由跳轉，使用<router-view>標簽展示對應的組件。

<div id="app">
<ul>
<li><router-link to="/">Home</router-link></li>
<li><router-link to="/about">About</router-link></li>
<li><router-link to="/contact">Contact</router-link></li>
</ul>
<router-view></router-view>
</div>

如上代碼，使用ul標簽展示三個路由鏈接，路徑分別為'/'、'/about'、'/contact'，點擊后路由會自動跳轉到對應的組件。同時，使用router-view標簽展示組件內容。

在組件內部，可以通過this.$route.params訪問路由的參數。例如，定義一個具有參數的路由：

{
path: '/user/:name',
component: User
}

這個路由定義了一個參數name，可以通過/user/:name進行訪問。在組件User中可以通過this.$route.params.name來訪問參數name的值。

<template>
<div>
<h1>Hello {{ $route.params.name }}</h1>
</div>
</template>

以上代碼可以根據訪問的/user/:name路由，顯示不同的歡迎語。

除了參數傳遞，Vue-router還支持路由的嵌套和命名視圖。通過路由嵌套，可以實現不同級別的路由切換；通過命名視圖，可以將多個組件顯示在同一個頁面中。

具體內容可參考Vue-router官方文檔。