Как правильно задать структуру компонентов?

При подключении шаблонов таким образом показывается только компонент header-black-component. Но если обернуть все компоненты в div, все выводится как нужно.В чем ошибка?

<template>
     <header-black-component></header-black-component>
    <div class="content" id="content">
        <breadcrumbs-component :breadcrumbs="breadcrumbs"></breadcrumbs-component>
        <div class="buffer"></div>
    </div>
     <footer-component></footer-component>
</template>