>[success] # 命名路由 1. 路由中定义的名字和path 形成映射关系从而进行跳转： * 没有硬编码的 URL * `params`的自动编码/解码。 * 防止你在 url 中出现打字错误。 * 绕过路径排序（如显示一个） ~~~ const routes = [ { path: '/user/:username', name: 'user', component: User, }, ] ~~~ 要链接到一个命名的路由，可以向`router-link`组件的`to`属性传递一个对象： ~~~ <router-link :to="{ name: 'user', params: { username: 'erina' }}"> User </router-link> ~~~ 这跟代码调用`router.push()`是一回事： ~~~ router.push({ name: 'user', params: { username: 'erina' } }) ~~~ 在这两种情况下，路由将导航到路径`/user/erina`。