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

Наряду с path, вы можете указать name для любого маршрута. Это имеет следующие преимущества:

• Нет жёстко закодированных 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.

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