Scaling UpLesson 39Preview gratis
Vue Animations with v-for
Lesson ini bagian dari Vue · Semua level
Ringkasan
Untuk daftar yang sering berubah, komponen TransitionGroup mengelola animasi perpindahan posisi antar item, bukan hanya masuk dan keluar. Vue menambahkan kelas move pada saat posisi item bergeser, sehingga kamu bisa membuat transisi halus. Kunci unik pada setiap item sangat menentukan kualitas animasi ini.
Poin kunci
- TransitionGroup dipakai untuk menganimasikan daftar pada v-for.
- Berbeda dengan Transition, ia bisa menampung banyak elemen.
- Kelas move diterapkan saat item bergeser posisi.
- Setiap item memerlukan key unik agar perpindahan terlacak.
- Elemen akhir tetap berupa tag HTML biasa seperti ul atau div.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.