1---
2category: Utilities
3---
4 
5# usePrevious
6 
7Holds the previous value of a ref.
8 
9## Usage
10 
11```ts
12import { usePrevious } from '@vueuse/core'
13import { shallowRef } from 'vue'
14 
15const counter = shallowRef('Hello')
16const previous = usePrevious(counter)
17 
18console.log(previous.value) // undefined
19 
20counter.value = 'World'
21 
22console.log(previous.value) // Hello
23```
24 
25## Type Declarations
26 
27```ts
28/**
29 * Holds the previous value of a ref.
30 *
31 * @see   {@link https://vueuse.org/usePrevious}
32 */
33export declare function usePrevious<T>(
34  value: MaybeRefOrGetter<T>,
35): Readonly<ShallowRef<T | undefined>>
36export declare function usePrevious<T>(
37  value: MaybeRefOrGetter<T>,
38  initialValue: T,
39): Readonly<ShallowRef<T>>
40```
41