usePrevious

分类

工具

导出大小

251 B

最近更改

5 天前

保存 ref 的先前值。

用法

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

const counter = shallowRef('Hello')
const previous = usePrevious(counter)

console.log(previous.value) // undefined

counter.value = 'World'

console.log(previous.value) // Hello

类型声明

/**
 * Holds the previous value of a ref.
 *
 * @see   {@link https://vueuse.org.cn/usePrevious}
 */
export declare function usePrevious<T>(
  value: MaybeRefOrGetter<T>,
): Readonly<ShallowRef<T | undefined>>
export declare function usePrevious<T>(
  value: MaybeRefOrGetter<T>,
  initialValue: T,
): Readonly<ShallowRef<T>>

源码

源码 • 文档

贡献者

Anthony Fu

IlyaL

Anthony Fu

更新日志

v12.8.0 于 2025/3/5

7432f - feat(types): 弃用 MaybeRef 和 MaybeRefOrGetter，转而使用 Vue 的原生类型 (#4636)

v12.0.0-beta.1 于 2024/11/21

0a9ed - feat!: 移除 Vue 2 支持，优化包并清理代码 (#4349)

v10.0.0-beta.4 于 2023/4/13

4d757 - feat(types)!: 将 MaybeComputedRef 重命名为 MaybeRefOrGetter

10e98 - feat(toRef)!: 将 resolveRef 重命名为 toRef

v9.12.0 于 2023/1/29

e101f - feat: 新函数