useThrottledRefHistory

类别

State

导出体积

1.47 kB

上次更改

6 months ago

示例

源码 playground (beta)

计数：0

/
延迟时间（毫秒）：

历史记录（为演示目的限制为10条记录）

2025-09-09 10:42:48{ value: 0 }

用法

该函数在计数器的值更改后立即获取第一个快照，并在延迟 1000ms 后获取第二个快照。

import { useThrottledRefHistory
 } from '@vueuse/core'
import { shallowRef
 } from 'vue'

const counter
 = shallowRef
(0)
const { history
, undo
, redo
 } = useThrottledRefHistory
(counter
, { deep
: true, throttle
: 1000 })

类型声明

export type UseThrottledRefHistoryOptions
<Raw
, Serialized
 = Raw
> = Omit
<
  UseRefHistoryOptions
<Raw
, Serialized
>,
  "eventFilter"
> & {
  throttle
?: MaybeRef
<number>
  trailing
?: boolean
}
export type UseThrottledRefHistoryReturn
<
  Raw
,
  Serialized
 = Raw
,
> = UseRefHistoryReturn
<Raw
, Serialized
>
/**
 * 带节流功能的 useRefHistory 的简写。
 *
 * @see https://vueuse.org/useThrottledRefHistory
 * @param source
 * @param options
 */
export declare function useThrottledRefHistory
<Raw
, Serialized
 = Raw
>(
  source
: Ref
<Raw
>,
  options
?: UseThrottledRefHistoryOptions
<Raw
, Serialized
>,
): UseThrottledRefHistoryReturn
<Raw
, Serialized
>