Именованные маршруты
Иногда удобнее определять маршрут по имени, особенно при привязке к маршруту или выполнении навигации. Вы можете указать для маршрута имя в опции routes
при создании экземпляра маршрутизатора:
const router = new VueRouter({
routes: [
{
path: '/user/:userId',
name: 'user',
component: User
}
]
})
Чтобы создать ссылку на именованный маршрут, вы можете передать объект во входной параметр to
компонента router-link
:
<router-link :to="{ name: 'user', params: { userId: 123 }}">Пользователь</router-link>
Тот же самый объект можно использовать и для программного вызова router.push()
:
router.push({ name: 'user', params: { userId: 123 }})
В обоих случаях в результате переход будет происходить на путь /user/123
.
Полный пример можно посмотреть здесь.