useThrottleFn

関数の実行をスロットルします。特に、リサイズやスクロールのようなイベントでのハンドラーの実行をレート制限するのに便利です。

スロットルはボールを投げるバネのようなものです：ボールが飛び出した後、縮むのに時間がかかるため、準備ができるまでは他のボールを投げることができません。

使用法

import { useThrottleFn } from '@vueuse/core'

const throttledFn = useThrottleFn(() => {
  // 何かを実行します。これは1秒に1回までしか呼び出されません
}, 1000)

useEventListener(window, 'resize', throttledFn)

推奨読書

• Debounce vs Throttle: Definitive Visual Guide