Vue TutorialLesson 7Preview gratis
Vue v-for
Lesson ini bagian dari Vue · Semua level
Ringkasan
Directive v-for dipakai untuk merender daftar elemen berdasarkan sebuah koleksi, bisa berupa array, objek, angka, atau rentang tertentu. Nilai yang tersedia di dalam blok v-for bersifat lokal terhadap scope perulangan tersebut. Vue sangat menyarankan menyertakan atribut key dengan nilai unik agar pelacakan dan pembaruan daftar tetap efisien.
Poin kunci
- v-for mengulang elemen berdasarkan array, objek, angka, atau rentang.
- Sintaks umum: v-for="item in daftar" atau (item, index) in daftar.
- Objek dapat diulang dengan v-for="(nilai, kunci, indeks) in objek".
- Selalu sertakan key unik untuk performa dan pelacakan yang benar.
- v-if dan v-for sebaiknya tidak dipakai pada elemen yang sama.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.