Vue 是一款流行的 JavaScript 框架，它的路由组件 Vue Router 允许我们在应用程序中进行页面路由。在此前提下，本文将讨论如何在 Vue 中配置路由。

要使用 Vue Router，我们首先需要在项目中安装它。在命令行中运行以下命令：

npm install vue-router --save

接下来，我们需要创建一个新的路由实例，并且将其与 Vue 实例进行绑定。我们可以通过在项目中创建一个名为 router.js 的文件，并添加以下代码：

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'home',
component: Home
},
{
path: '/about',
name: 'about',
component: About
}
]
})

这里，我们导入 Vue 和 Vue Router 并通过 Vue.use() 安装路由器。我们还通过调用 new Router() 来创建一个新的路由器实例，其中 routes 是一个路由数组，它包含我们的路由配置。每个路由配置对象都具有 path，name 和 component 属性。 path 属性表示路由的 URL，name 属性是我们为路由指定的名称，component 属性是该路由所指向的组件。

在我们有了路由器实例之后，在 Vue 实例中使用它非常简单。只需在挂载 Vue 实例时将路由器实例传递给 router 选项即可，如下所示：

import Vue from 'vue'
import router from './router'
new Vue({
router,
render: h =>h(App)
}).$mount('#app')

这里，我们导入 router 对象并将其传递给 Vue 实例的 router 选项，这样我们就可以在组件中使用路由跳转了。

总之，Vue Router 为我们提供了方便快捷的方式来配置应用程序的路由。通过创建一个新的路由实例，并将其与 Vue 实例进行绑定，我们可以轻松定义应用程序中的不同页面，并从一个页面到另一个页面进行导航。