1---
2category: Reactivity
3---
4 
5# reactiveComputed
6 
7Computed reactive object. Instead of returning a ref that `computed` does, `reactiveComputed` returns a reactive object.
8 
9## Usage
10 
11```ts
12import { reactiveComputed } from '@vueuse/core'
13 
14const state = reactiveComputed(() => {
15  return {
16    foo: 'bar',
17    bar: 'baz',
18  }
19})
20 
21state.bar // 'baz'
22```
23 
24## Type Declarations
25 
26```ts
27export type ReactiveComputedReturn<T extends object> = UnwrapNestedRefs<T>
28/**
29 * Computed reactive object.
30 */
31export declare function reactiveComputed<T extends object>(
32  fn: ComputedGetter<T>,
33): ReactiveComputedReturn<T>
34```
35