1. 有时候,通过一个名称来标识一个路由显得更方便一些,特别是在链接一个路由,或者是执行一些跳转的时候。你可以在创建 Router 实例的时候,在 **routes** 配置中给某个路由设置名称。
    1. const router = new VueRouter({
    2. routes:[
    3. {
    4. path:'/user/:UserId',
    5. name:'user',
    6. component:User
    7. }
    8. ]
    9. })

    要链接到一个命名路由,可以给 router-link 的 to 属性传一个对象:

    1. <router-link :to="{ name: 'user',params:{userId:123}}">User</router-link>

    这跟代码调用 router.push() 是一回事:

    1. router.push( {name:'user',params:{userId:123}})

    这两种方式都会把路由导航到 /user/123 路径
    **
    完整例子:请移步这里