kliping.pro
  • Docs
  • Explore
  • Builder
  • Directory
  • Colors
  • Typeset
Saved
Hooks
  • Getting Started2
  • State7
  • Advanced6
  • Lifecycle16
  • useDebounceEffect
  • useDebounceFn
  • useDeepCompareEffect
  • useDeepCompareLayoutEffect
  • useEffectEvent
  • useEffectWithTarget
  • useInterval
  • useIsHydrated
  • useIsomorphicLayoutEffect
  • useMount
  • useThrottleEffect
  • useThrottleFn
  • useTimeout
  • useUnmount
  • useUpdate
  • useUpdateEffect
  • Browser21
  • Development1
  • Third-Party4
  • Libraries4
  1. Hooks
  2. Lifecycle
  3. useUpdateEffect

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(query, (value, oldValue) => {
  search(value)   // hanya saat kueri benar-benar berubah
})

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

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

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

PrevioususeUpdateNext useActiveElement

© 2026 Kliping. Free components are open source under the MIT License.

LicenseCreditsRoadmap