Kliping
KlipingBerandaDokumentasiKomponenBlocksVariasiTemplateDice UIHooks
Memulai
  • Pengenalan
  • Instalasi
  • Kredit
State
  • useBoolean
  • useControllableValue
  • useCounter
  • useDebounce
  • useResetState
  • useThrottle
  • useToggle
Lanjutan
  • useCreation
  • useCustomCompareEffect
  • useLatest
  • useLockFn
  • useMemoizedFn
  • usePrevious
Siklus Hidup
  • useDebounceEffect
  • useDebounceFn
  • useDeepCompareEffect
  • useDeepCompareLayoutEffect
  • useEffectEvent
  • useEffectWithTarget
  • useInterval
  • useIsHydrated
  • useIsomorphicLayoutEffect
  • useMount
  • useThrottleEffect
  • useThrottleFn
  • useTimeout
  • useUnmount
  • useUpdate
  • useUpdateEffect
Peramban
  • useActiveElement
  • useBattery
  • useClickAnyWhere
  • useClickAway
  • useClipboard
  • useDocumentVisibility
  • useElementSize
  • useEventListener
  • useFps
  • useFullscreen
  • useHash
  • useHover
  • useInViewport
  • useIsMatchMedia
  • useIsOnline
  • useMouse
  • useNetwork
  • useOs
  • useScrollLock
  • useTextSelection
  • useTitle
Pengembangan
  • useWhyDidYouUpdate
Paket Luar
  • useMcp
  • useQuery
  • useStickToBottom
  • useSwr
Pustaka
  • isBrowser
  • createContext
  • bacaElemen
  • saatTerpasang

useDeepCompareEffect

SebelumnyaBerikutnya

Bereaksi pada perubahan isi objek, bukan penggantian referensinya.

{ jenis: "semua", urutan: "baru" }

Tanpa deep: 0 kali

Dengan deep: 0 kali

Tidak ada yang perlu dipasang.

Vue sudah menyediakan padanannya — watch(src, cb, { deep: true }). Halaman ini menjelaskan cara memakainya.

Sudah bawaan Vue:

ts
watch(filter, muatUlang, { deep: true })

deep: true menelusuri seluruh isi objeknya, jadi mengubah satu properti di dalam sudah cukup untuk memicunya.

Tapi seringkali ada yang lebih murah. Penelusuran dalam berjalan di setiap pemeriksaan, dan untuk objek besar itu terasa. Kalau yang benar-benar Anda pedulikan cuma beberapa properti, pantau getter-nya saja:

ts
watch(() => [filter.jenis, filter.urutan], muatUlang)

Lebih murah, dan maksudnya lebih terbaca. Lihat useCustomCompareEffect.

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