Slots, bir parent'in bir child bileşenine şablon içeriğini geçirmesine izin verir — bu, tüketicinin iç markaları kontrol ettiği esnek, yeniden kullanılabilir sarmalayıcılar (kartlar, modallar, düzenler) oluşturmanın yoludur.
Temel 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 bir "delik" () tanımlar; parent bunu istediği herhangi bir markayla doldurur. Bu, props aracılığıyla dizeleri geçirmekten çok daha esnektir.
