Slot membenarkan komponen induk melepaskan kandungan template ke dalam komponen anak — mereka adalah cara untuk membina pembungkus yang fleksibel dan boleh digunakan semula (kad, modal, tata letak) di mana pengguna mengawal markup dalaman.
Slot asas
vue
<!-- Card.vue -->
<template>
<div class="card">
<slot></slot> <!-- parent's content is injected here -->
</div>
</template>
vue
<!-- parent -->
<Card>
<h2>Title</h2> <!-- this markup fills the slot -->
<p>Any content!</p>
</Card>