Slots மற்றும் scoped slots என்றால் என்ன?

Slots ஒரு பெற்றோர் ஒரு குழந்தை உপাদানத்திற்கு டெம்பிளேट் உள்ளடக்கத்தை அனுப்ப அனுமதிக்கிறது — இது நমনীய, மீண்டும் பயன்படுத்தக்கூடிய மடக்குகளை (கார்டுகள், மডல்கள், நிலைத்திருப்பு) உருவாக்குவதற்கான வழி, அங்கு ভোক்தா உள் மார்க்அப்பைக் கட்டுப்படுத்துகிறார்.

அடிப்படை 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>