usePrevious

カテゴリ

ユーティリティ

エクスポートサイズ

260 B

最終更新

先週

refの前の値を保持します。

使い方

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

const counter = ref('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.dokyumento.jp/usePrevious}
 */
export declare function usePrevious<T>(
  value: MaybeRefOrGetter<T>,
): Readonly<Ref<T | undefined>>
export declare function usePrevious<T>(
  value: MaybeRefOrGetter<T>,
  initialValue: T,
): Readonly<Ref<T>>

ソース

ソース • ドキュメント

貢献者

Anthony Fu

Anthony Fu

変更履歴

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: 新しい関数