স্লট এবং স্কোপড স্লট কী?

স্লট একটি প্যারেন্ট কম্পোনেন্টকে টেমপ্লেট কন্টেন্ট একটি চাইল্ড কম্পোনেন্টে পাস করতে দেয় — এগুলো হল কীভাবে আপনি নমনীয়, পুনঃব্যবহারযোগ্য র্যাপার (কার্ড, মোডাল, লেআউট) তৈরি করেন যেখানে ভোক্তা অভ্যন্তরীণ মার্কআপ নিয়ন্ত্রণ করে।

মৌলিক স্লট

<!-- 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>

চাইল্ড একটি "হোল" () সংজ্ঞায়িত করে; প্যারেন্ট এটি যেকোনো মার্কআপ দিয়ে পূরণ করে। এটি প্রপসের মাধ্যমে স্ট্রিং পাস করার চেয়ে অনেক বেশি নমনীয়।