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

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

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

Чтобы сослаться на именованный маршрут, используйте объектную запись:

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

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

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

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

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

results matching ""

    No results matching ""