Slot cho phép một component cha truyền nội dung template vào một component con — đó là cách bạn xây dựng các wrapper linh hoạt, tái sử dụng (card, modal, layout) nơi người dùng kiểm soát markup bên trong.
Slot cơ bản
<!-- Card.vue -->
<template>
<div class="card">
<slot></slot> <!-- nội dung của cha được chèn vào đây -->
</div>
</template>
<!-- component cha -->
<Card>
<h2>Title</h2> <!-- markup này lấp đầy slot -->
<p>Any content!</p>
</Card>
Component con định nghĩa một "lỗ trống" (); component cha lấp nó bằng bất kỳ markup nào nó muốn. Cách này linh hoạt hơn nhiều so với truyền chuỗi qua props.
