# 命名路由
有时候，通过一个名称来标识一个路由显得更方便一些，特别是在链接一个路由，或者是执行一些跳转的时候。你可以在创建 router 实例的时候，在 routes 配置中给某个路由设置名称。
const router = new Router({
routes:[
{
path: '/pages/router/router1/router1',
name: 'router1'
},
{
path: '/pages/router/router2/router2',
name: 'router2'
},
{
path: '/pages/router/router2/router2',
name: 'router2'
}
]
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
要链接到一个命名路由，可以给 router.push() 属性传一个对象或使用 组件式导航：
组件式导航
<router-link :to="{ name: 'router1', params: { userId: 123 }}">router1</router-link>
1
这跟代码调用 router.push() 是一回事：
this.$Router.push({ name: 'router1', params: { userId: '123' }})
1
这两种方式都会把路由导航到 /pages/router/router1/router1 路径。