Scaling UpLesson 22Preview gratis
Vue v-for Components
Lesson ini bagian dari Vue · Semua level
Ringkasan
Ketika sebuah daftar dirender menjadi banyak komponen, setiap item perlu menjadi instance komponen yang berdiri sendiri dengan props masing-masing. Directive v-for dapat dipasang langsung pada tag komponen, dengan props diikat dinamis dari data item. Sintaks key tetap diperlukan agar Vue dapat melacak setiap instance secara stabil.
Poin kunci
- v-for bisa dipasang pada tag komponen seperti pada elemen biasa.
- Props tiap instance mengikuti nilai item pada iterasi tersebut.
- Atribut key wajib agar pelacakan instance stabil.
- Key sebaiknya berupa identitas unik, bukan indeks, bila daftar bisa berubah urutan.
- Setiap instance memiliki state internal terpisah satu sama lain.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.