В чем преимущество использования слотов в компоненте перед обычным использование компонентов для шапки, содержимого и футер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>

Не проще ли просто создать компоненты для шапки, контента и подвала и использовать их в родительском компоненте?

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


Ответы (0 шт):