Slots एक parent को बाल component में template content पास करने देते हैं — यह है कि कैसे आप लचकदार, पुनः उपयोग करने योग्य wrappers (कार्ड, मोडल, लेआउट) बनाते हैं जहां उपभोक्ता आंतरिक markup को नियंत्रित करता है।
Basic 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>
बाल एक "छेद" () को परिभाषित करता है; parent इसे जो भी markup चाहता है उससे भरता है। यह props के माध्यम से strings पास करने से कहीं अधिक लचकदार है।
