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

useThrottleEffect

PreviousNext

Efek yang dijatah paling sering sekali per jeda.

Tidak ada yang perlu dipasang.

Vue sudah menyediakan padanannya — watch + useThrottleFn. Halaman ini menjelaskan cara memakainya.

ts
import { useThrottleFn } from '@/composables/use-throttle-fn'

const { run } = useThrottleFn(() => simpanPosisi(gulung.value), 200)
watch(gulung, run)

Untuk nilai, bukan efek: useThrottle.

Bedanya dengan debounce sering tertukar, jadi disebutkan sekali lagi: debounce menunggu sampai berhenti, throttle tetap jalan tapi dijatah. Untuk pengetikan pakai debounce; untuk scroll dan gerakan penunjuk pakai throttle.

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