stack/v1/packages/mosaic/framework/skills/vueuse-functions/references/toReactive.md

category

category
Reactivity

toReactive

Converts ref to reactive. Also made possible to create a "swapable" reactive object.

Usage

import { toReactive } from '@vueuse/core';
import { ref } from 'vue';

const refState = ref({ foo: 'bar' });

console.log(refState.value.foo); // => 'bar'

const state = toReactive(refState); // <--

console.log(state.foo); // => 'bar'

refState.value = { bar: 'foo' };

console.log(state.foo); // => undefined
console.log(state.bar); // => 'foo'

Type Declarations

/**
 * Converts ref to reactive.
 *
 * @see https://vueuse.org/toReactive
 * @param objectRef A ref of object
 */
export declare function toReactive<T extends object>(objectRef: MaybeRef<T>): UnwrapNestedRefs<T>;