Slots umožňují nadřazenému prvku předat obsah šablony do podřízené komponenty — jsou to způsob, jak vytvářet flexibilní, opakovaně použitelné obálky (karty, modály, rozložení), kde si konzument kontroluje vnitřní značku.
Základní slot
<!-- Card.vue -->
<template>
<div class="card">
<slot></slot> <!-- parent's content is injected here -->
</div>
</template>
<!-- parent -->
<Card>
<h2>Title</h2> <!-- this markup fills the slot -->
<p>Any content!</p>
</Card>
Podřízená komponenta definuje "otvor" (); nadřízená komponenta ho vyplní jakoukoli značkou, kterou chce. To je mnohem flexibilnější než předávání řetězců prostřednictvím props.
