الـ Slots تسمح للمكون الأب بتمرير محتوى قالب (template content) إلى مكون فرعي — وهي الطريقة التي تبني بها أغلفة مرنة وقابلة لإعادة الاستخدام (بطاقات، نوافذ منفثقة، تخطيطات) حيث يتحكم المستهلك في الترميز الداخلي.
الـ 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>
يعرّف المكون الفرعي "فتحة" (); ويملأها الأب بأي ترميز يريده. هذا أكثر مرونة بكثير من تمرير نصوص عبر الخصائص (props).
