named-routes.md

Именованные пути

Зачастую, при создании ссылок и вызове навигационных методов, удобно ссылаться на путь по его имени. Установить имя пути можно в опциях routes при создании экземпляра Router'а:

const router = new VueRouter({
  routes: [
    {
      path: '/user/:userId',
      name: 'user',
      component: User
    }
  ]
})

Чтобы создать ссылку на именованный маршрут, вы можете передать объект в компонент router-link используя входной параметр to:

<router-link :to="{ name: 'user', params: { userId: 123 }}">Пользователь</router-link>

Тот же самый объект можно использовать и для императивного вызова router.push():

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

В обоих случаях результатом будет навигационный переход на /user/123.

Полный пример находится здесь.