Scaling UpLesson 29Preview gratis
Vue Scoped Slots
Lesson ini bagian dari Vue · Semua level
Ringkasan
Scoped slot memungkinkan komponen anak meneruskan data miliknya kepada induk melalui slot, sehingga induk dapat menentukan cara menampilkannya. Induk menerima slot props dalam bentuk objek dan memakainya untuk merender tampilan. Pola ini sering dipakai untuk komponen daftar, tabel, atau tampilan yang perlu dikustomisasi oleh pemakainya.
Poin kunci
- Scoped slot meneruskan data anak ke induk sebagai slot props.
- Anak menulis slot dengan atribut v-bind pada tag slot.
- Induk menangkap slot props dengan v-slot beserta objek destructure.
- Induk menentukan tampilan akhir berdasarkan data dari anak.
- Berguna untuk komponen daftar, tabel, dan tampilan kustom.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.