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>

ลูกกำหนด "รู" (); แม่เติมด้วยมาร์กอัปใดๆ ที่ต้องการ นี่ยืดหยุ่นกว่าการส่งสตริงผ่าน props มาก