watchDebounced

デバウンスされた watch

使用法

watch と似ていますが、コールバック関数に適用される追加オプション debounce と maxWait を提供します。

import { watchDebounced } from '@vueuse/core'

watchDebounced(
  source,
  () => { console.log('changed!') },
  { debounce: 500, maxWait: 1000 },
)

これは本質的に次のコードの省略形です：

import { debounceFilter, watchWithFilter } from '@vueuse/core'

watchWithFilter(
  source,
  () => { console.log('changed!') },
  {
    eventFilter: debounceFilter(500, { maxWait: 1000 }),
  },
)