Почему выводит компонент верхнего маршрута вместо дочернего?

Question

[Константин Б.]

Я пишу фронт VueJS
Начал вкладывать маршруты друг в друга чтобы работать с хлебными крошками. В итоге почему-то по всем дочерним маршрутам показывается один и тотже компонент основного маршрута. Что я делаю не так?)

Вот тот самый кусочек маршрута

{
            name: 'settings.segments.index',
            path: '/settings-segments',
            component: IndexSegmentComponent,
            meta: {
                breadcrumb: 'Сегменты'
            },
            children: [
                {
                    path: '/settings-segments/create',
                    name: 'settings.segments.create',
                    component: CreateSegmentComponent,
                    meta: {
                        breadcrumb: 'Новый сегмент'
                    },
                },
                {
                    path: '/settings-segments/:id',
                    name: 'settings.segments.show',
                    component: ShowSegmentComponent,
                    meta: {
                        breadcrumb: 'Просмотр сегмента'
                    },
                },
            ]
        },

Судя по смене хлебных крошек определение маршрутов идет корректно. Но выводится всегда компонент IndexSegmentComponent

Answer 1

[0xD34F]

Наверное, забыли добавить router-view в IndexSegmentComponent.

UPD. Ну да, так и есть. Чувачок чего-то застеснялся и комментарий потёр, но на почту они (комментарии) дублируются, так что восстанавливаю:

Серьезно?)) router-view у меня в App

Серьёзно. Если бы вы составили себе труд ознакомиться с документацией, то были бы в курсе, что для рендеринга компонентов вложенных маршрутов следует использовать отдельные router-view.