usePrevious

類別

工具

匯出大小

251 B

最後更新

5 days ago

持有 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.dev.org.tw/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 on 3/5/2025

7432f - feat(types)：棄用 MaybeRef 和 MaybeRefOrGetter，改用 Vue 原生類型 (#4636)

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

0a9ed - feat!：移除 Vue 2 支援，最佳化 bundle 並清理 (#4349)

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

4d757 - feat(types)!：將 MaybeComputedRef 重新命名為 MaybeRefOrGetter

10e98 - feat(toRef)!：將 resolveRef 重新命名為 toRef

v9.12.0 on 1/29/2023

e101f - feat：新增函式