Scaling UpLesson 34Preview gratis
Vue Lifecycle Hooks
Lesson ini bagian dari Vue · Semua level
Ringkasan
Setiap komponen Vue melewati siklus hidup, mulai dari dibuat, dirender, dipasang ke DOM, hingga dibongkar. Lifecycle hook adalah titik di mana kamu bisa menjalankan kode pada momen-momen tersebut, misalnya memuat data saat komponen siap atau membersihkan timer saat komponen dilepas. Vue 3 menyediakan hook dalam bentuk onMounted, onUpdated, dan lain sebagainya pada Composition API.
Poin kunci
- Siklus hidup komponen meliputi pembuatan, render, pemasangan, pembaruan, dan pembongkaran.
- onMounted dijalankan setelah komponen dipasang ke DOM.
- onUnmounted dijalankan saat komponen dibongkar, cocok untuk membersihkan sumber daya.
- onUpdated berjalan setiap kali data reaktif memicu render ulang.
- Hook di Composition API ditulis langsung di dalam script setup.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.