Именованные маршруты

Иногда удобнее идентифицировать маршрут по имени, особенно при ссылке на маршрут или выполнении навигации. Вы можете присвоить маршруту имя в опциях routes при создании экземпляра маршрутизатора:

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

Для перехода по именованному маршруту можно передать объект компоненту router-link в свойство %%%CODE_BLOCK_4%%:

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

Это тот же самый объект, который используется программно с %%%CODE_BLOCK_7%%:

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

В обоих случаях маршрутизатор перейдёт по пути %%%CODE_BLOCK_10%%.

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