vue项目中的路由(router)配置十分重要，它可以让我们以最优雅的方式处理页面间的跳转、路由拦截、参数传递等问题。vue-router是vue.js的官方路由插件，可以与vue.js完美融合，使用时只需安装并引入即可。

首先，我们需要在项目中安装vue-router。使用npm安装命令如下：

npm install vue-router --save

安装完毕后，就可以开始创建并配置路由了。我们先来看看最简单的路由配置：

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

以上代码创建了一个router对象，并添加了一个路由对象。这个路由对象定义了根路径'/'的组件为Home，使用时只需在组件中使用router-link进行跳转即可。

但很多时候我们需要更复杂的路由配置，比如动态路径、多级路径、子路由等。这时我们可以使用vue-router提供的多种路由配置方式，如下所示：

export default new Router({
routes: [
{
path: '/',
name: 'Home',
component: Home
},
{
path: '/about',
name: 'About',
component: About
},
{
path: '/user/:id',
name: 'User',
component: User
},
{
path: '/products',
component: Products,
children: [
{
path: '',
component: ProductList
},
{
path: ':id',
component: ProductDetail
}
]
}
]
})

其中，':id'表示动态路径参数，可以在组件中通过$route.params.id获取。'children'表示子路由，用于嵌套路由，实现更复杂的组件结构。

以上就是vue-router的基本配置方法与常用路由参数，我们可以通过这些灵活的配置方式，实现更优美、高效的路由功能。