Slots ఒక తల్లిదండ్రు టెంప్లేట్ కంటెంట్ని చైల్డ్ కంపోనెంట్కు పంపించేందుకు అనుమతిస్తాయి — నీవు ఫ్లెక్సిబుల్, పునర్వినియోగయోగ్య래పర్లను (కార్డ్లు, మోడల్లు, లేআউట్లు) నిర్మించడానికి ఇది ఎలా చేయాలో — ఇక్కడ కনిউమర్ అంతర్గత మార్కప్ను నియంత్రిస్తుంది.
ఆధారమైన slot
vue
<!-- Card.vue -->
<template>
<div class="card">
<slot></slot> <!-- parent's content is injected here -->
</div>
</template>
vue
<!-- parent -->
<Card>
<h2>Title</h2> <!-- this markup fills the slot -->
<p>Any content!</p>
</Card>