Slots lader en parent-komponent sende template-indhold til en barn-komponent — de er sådan du bygger fleksible, genanvendelige wrappere (cards, modals, layouts) hvor forbrugeren styrer det indre markup.
Basic 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>
Barn-komponenten definerer et "hul" (); parent-komponenten fylder det med det markup, den ønsker. Dette er meget mere fleksibelt end at sende strenge via props.
