kliping.pro
  • Docs
  • Directory
  • Colors
  • Typeset
Hooks
  • State7
  • Advanced6
  • Lifecycle16
    • useDebounceEffect
    • useDebounceFn
    • useDeepCompareEffect
    • useDeepCompareLayoutEffect
    • useEffectEvent
    • useEffectWithTarget
    • useInterval
    • useIsHydrated
    • useIsomorphicLayoutEffect
    • useMount
    • useThrottleEffect
    • useThrottleFn
    • useTimeout
    • useUnmount
    • useUpdate
    • useUpdateEffect
  • Browser21
  • Development1
  • Third-Party4
  • Libraries4

useUpdateEffect

PreviousNext

Efek yang melewatkan jalan pertamanya. Itu perilaku bawaan watch().

Tidak ada yang perlu dipasang.

Vue sudah menyediakan padanannya — watch(). Halaman ini menjelaskan cara memakainya.

watch di Vue memang tidak berjalan saat pertama kali dipasang:

ts
watch(kueri, (baru, lama) => {
  cari(baru)   // hanya saat kueri benar-benar berubah
})

Ini bukan padanan yang mirip — ini perilaku bawaannya. Yang justru butuh disebutkan adalah kebalikannya:

ts
watch(kueri, cari, { immediate: true })   // ikut jalan sekali di awal

watch juga memberi nilai lama dan barunya sekaligus, jadi membandingkan keduanya tidak butuh penampung terpisah.

PrevioususeUpdateNext useActiveElement
Dirilis di bawah lisensi MIT. Ditulis ulang untuk Vue dari shadcn-vue, shadcn-ui-blocks, dan shadcn-hooks. Hak cipta © 2026 Kliping