В контексте компонентов или модулей (например, в веб-фреймворках или UI-библиотеках) слоты — это специальные места или точки расширения, куда можно вставлять пользовательский контент или дочерние компоненты.

Это позволяет создавать более гибкие и переиспользуемые компоненты, где базовая структура задаётся компонентом, а содержимое может быть динамически подставлено извне.

Например, в Vue.js слоты позволяют передавать внутрь компонента произвольный HTML или другие компоненты:

<template>
  <div class="card">
    <header><slot name="header"></slot></header>
    <main><slot></slot></main>
    <footer><slot name="footer"></slot></footer>
  </div>
</template>

Здесь слоты header, footer и дефолтный слот позволяют пользователю компонента вставлять нужный контент в определённые части карточки.

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