1---
2category: Reactivity
3---
4 
5# toReactive
6 
7Converts ref to reactive. Also made possible to create a "swapable" reactive object.
8 
9## Usage
10 
11```ts
12import { toReactive } from '@vueuse/core'
13import { ref } from 'vue'
14 
15const refState = ref({ foo: 'bar' })
16 
17console.log(refState.value.foo) // => 'bar'
18 
19const state = toReactive(refState) // <--
20 
21console.log(state.foo) // => 'bar'
22 
23refState.value = { bar: 'foo' }
24 
25console.log(state.foo) // => undefined
26console.log(state.bar) // => 'foo'
27```
28 
29## Type Declarations
30 
31```ts
32/**
33 * Converts ref to reactive.
34 *
35 * @see https://vueuse.org/toReactive
36 * @param objectRef A ref of object
37 */
38export declare function toReactive<T extends object>(
39  objectRef: MaybeRef<T>,
40): UnwrapNestedRefs<T>
41```
42