Scaling UpLesson 38Preview gratis
Vue Animations
Lesson ini bagian dari Vue · Semua level
Ringkasan
Komponen bawaan Transition di Vue membungkus satu elemen atau komponen agar mendapat animasi saat masuk, keluar, atau berubah. Vue menambahkan kelas CSS transisi seperti v-enter-from, v-enter-active, dan v-enter-to yang bisa kamu styling sendiri. Selain CSS, Vue juga menyediakan hook JavaScript dan transisi berbasis class untuk penggunaan pustaka animasi.
Poin kunci
- Transition membungkus satu elemen atau komponen untuk dianimasikan.
- Kelas transisi utama: enter-from, enter-active, enter-to, leave-from, leave-active, leave-to.
- Nama kelas mengikuti nama transisi, contohnya fade-enter-active.
- Transition hanya bekerja pada satu elemen dalam satu waktu.
- Hook JavaScript tersedia untuk animasi berbasis kode.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.