В чем преимущество использования слотов в компоненте перед обычным использование компонентов для шапки, содержимого и футерa?
В доках Vue в разделе, который описывает примеры использования элемента приведён следующий пример шаблона для компонента
<div class="container">
<header>
<slot name="header"></slot>
</header>
<main>
<slot></slot>
</main>
<footer>
<slot name="footer"></slot>
</footer>
</div>
<base-layout>
<template v-slot:header>
<h1>Здесь мог быть заголовок страницы</h1>
</template>
<p>Параграф для основного контента.</p>
<p>И ещё один.</p>
<template v-slot:footer>
<p>Некая контактная информация</p>
</template>
</base-layout>
Не проще ли просто создать компоненты для шапки, контента и подвала и использовать их в родительском компоненте?
Пример в доках интересный. Но в чем его преимущество?