स्लॉट्स आणि स्कोप्ड स्लॉट्स म्हणजे काय?

स्लॉट्स मूल घटकास टेम्पलेट सामग्री मुलाच्या घटकात पास करण्याची परवानगी देतात — हे लचकदार, पुन्हा वापरण्यायोग्य रॅपर्स (कार्ड, मॉडल्स, लेआउट) बनवण्याचा मार्ग आहे जिथे ग्राहक आंतरिक मार्कअप नियंत्रित करतो।

मूल स्लॉट

<!-- 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 द्वारे स्ट्रिंग पास करण्यापेक्षा खूप लचकदार आहे.