Vue命名路由

有时我们通过一个名称来标识一个路由显得更方便一些,特别是在链接一个路由,或者是执行一些跳转的时候.你可以在创建 Router 实例的时候,在 routes 配置中给某个路由设置名称.
我们直接在路由下添加一个 name 即可.

var routes = [
    {
        path:"/home",
        name:"home",
        component:{template:"#a"}
    },
    {
        path:"/article",
        name:"article",
        component:{template:"#b"},
    },
]

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

<router-link :to="{ name: 'home'}">Home</router-link>
<router-link :to="{ name: 'article'}">Article</router-link>