Gli slot permettono a un componente genitore di passare contenuto template a un componente figlio — sono il modo per costruire wrapper flessibili e riutilizzabili (card, modali, layout) dove il consumatore controlla il markup interno.
Slot di base
<!-- 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>
