Skip to content

useDebouncedRefHistory

类别
导出体积
1.39 kB
上次更改
7 months ago
相关

具有防抖过滤器的 useRefHistory 的简写。

示例

Count: 0
/
延迟(毫秒):

历史记录(仅限演示,最多保存10条记录)
2025-09-18 15:21:10{ value: 0 }

用法

此函数在计数器值开始变化时,会在 1000ms 后对其进行快照。

ts
import { 
useDebouncedRefHistory
} from '@vueuse/core'
import {
shallowRef
} from 'vue'
const
counter
=
shallowRef
(0)
const {
history
,
undo
,
redo
} =
useDebouncedRefHistory
(
counter
, {
deep
: true,
debounce
: 1000 })

类型声明

ts
/**
 * [useRefHistory](https://vueuse.org/useRefHistory) 的防抖实现
 *
 * @see https://vueuse.org/useDebouncedRefHistory
 * @param source
 * @param options
 */
export declare function 
useDebouncedRefHistory
<
Raw
,
Serialized
=
Raw
>(
source
:
Ref
<
Raw
>,
options
?:
Omit
<
UseRefHistoryOptions
<
Raw
,
Serialized
>, "eventFilter"> & {
debounce
?:
MaybeRefOrGetter
<number>
}, ):
UseRefHistoryReturn
<
Raw
,
Serialized
>

源码

源码演示文档

贡献者

Anthony Fu
一纸忘忧
IlyaL
Anthony Fu
Roman Harmyder
Robin
OrbisK
wheat

更新日志

7432f - feat(types): deprecate MaybeRef and MaybeRefOrGetter in favor of Vue's native (#4636)
0a9ed - feat!: drop Vue 2 support, optimize bundles and clean up (#4349)