Lifecycle Hooks — Vue

Hook Utama onMounted(() => { console.log("Komponen dimuat!") }) onUnmounted(() => { console.log("Komponen dihapus!") }) ---template--- Cek console! Urutan…

Hook Utama

onMounted(() => {
  console.log("Komponen dimuat!")
})

onUnmounted(() => {
  console.log("Komponen dihapus!")
})

---template---
<p>Cek console!</p>

Urutan Lifecycle

  1. setup(), Inisialisasi
  2. onBeforeMount, Sebelum render pertama
  3. onMounted, Setelah render pertama (DOM ready)
  4. onBeforeUpdate, Sebelum re-render
  5. onUpdated, Setelah re-render
  6. onBeforeUnmount, Sebelum dihapus
  7. onUnmounted, Setelah dihapus

Yang akan kamu pelajari