在使用Vue開發網頁應用時，我們通常需要配置路由器（router）來實現單頁應用（SPA）的路由。下面我們來看一下如何設置路由器。

// 引入Vue和Vue Router
import Vue from 'vue'
import VueRouter from 'vue-router'
// 在Vue中使用Vue Router
Vue.use(VueRouter)
// 定義路由組件
const Home = { template: '
Home
' }
const About = { template: '
About
' }
// 定義路由
const routes = [
{ path: '/', component: Home },
{ path: '/about', component: About }
]
// 創建路由器實例
const router = new VueRouter({
routes // 相當于 routes: routes
})
// 創建Vue實例
new Vue({
router // 相當于 router: router
}).$mount('#app')

在代碼中，我們首先引入了Vue和Vue Router，然后使用Vue.use()安裝插件。接著定義了兩個路由組件Home和About。然后定義了路由數組routes，其中每個路由對象都包括一個path和一個component屬性。最后創建了路由器實例和Vue實例，將路由器實例注入到Vue實例中。

在頁面模板中，我們可以通過<router-link to="/">和<router-link to="/about">鏈接不同的路由。在<router-view>組件中，路由器會根據當前URL匹配相應的路由組件來渲染頁面內容。

以上是關于如何配置路由器的簡單介紹。更多高級用法請參考Vue Router官方文檔。