1---
2category: State
3---
4 
5# useLastChanged
6 
7Records the timestamp of the last change
8 
9## Usage
10 
11```ts
12import { useLastChanged } from '@vueuse/core'
13import { nextTick } from 'vue'
14 
15const a = ref(0)
16const lastChanged = useLastChanged(a)
17 
18a.value = 1
19 
20await nextTick()
21 
22console.log(lastChanged.value) // 1704709379457
23```
24 
25By default the change is recorded on the next tick (`watch()` with `flush: 'post'`). If you want to record the change immediately, pass `flush: 'sync'` as the second argument.
26 
27```ts
28import { useLastChanged } from '@vueuse/core'
29 
30const a = ref(0)
31const lastChanged = useLastChanged(a, { flush: 'sync' })
32 
33a.value = 1
34 
35console.log(lastChanged.value) // 1704709379457
36```
37 
38## Type Declarations
39 
40```ts
41export interface UseLastChangedOptions<
42  Immediate extends boolean,
43  InitialValue extends number | null | undefined = undefined,
44> extends WatchOptions<Immediate> {
45  initialValue?: InitialValue
46}
47export type UseLastChangedReturn =
48  | Readonly<ShallowRef<number | null>>
49  | Readonly<ShallowRef<number>>
50/**
51 * Records the timestamp of the last change
52 *
53 * @see https://vueuse.org/useLastChanged
54 */
55export declare function useLastChanged(
56  source: WatchSource,
57  options?: UseLastChangedOptions<false>,
58): Readonly<ShallowRef<number | null>>
59export declare function useLastChanged(
60  source: WatchSource,
61  options: UseLastChangedOptions<true> | UseLastChangedOptions<boolean, number>,
62): Readonly<ShallowRef<number>>
63```
64