स्लॉट्स मूल घटकास टेम्पलेट सामग्री मुलाच्या घटकात पास करण्याची परवानगी देतात — हे लचकदार, पुन्हा वापरण्यायोग्य रॅपर्स (कार्ड, मॉडल्स, लेआउट) बनवण्याचा मार्ग आहे जिथे ग्राहक आंतरिक मार्कअप नियंत्रित करतो।
मूल स्लॉट
<!-- 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 द्वारे स्ट्रिंग पास करण्यापेक्षा खूप लचकदार आहे.
