Slots lar en parent sende template content inn i en child component — det er hvordan du bygger fleksible, gjenbrukbare wrappers (cards, modals, layouts) der konsumenten kontrollerer inner markup.
Basis 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>
Child definerer et "hull" (); parent fyller det med hvilken som helst markup den ønsker. Dette er langt mer fleksibelt enn å sende strings via props.
