Slots låter en förälder skicka mallinnehål till en barnkomponent — det är hur du bygger flexibla, återanvändbara omslutningar (kort, modaler, layouter) där konsumenten kontrollerar den inre markeringen.
Grundläggande 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>
Barnet definierar ett "hål" (); föräldern fyller det med vilken markering som helst. Detta är mycket mer flexibelt än att skicka strängar via props.
