toReactive

カテゴリ

リアクティビティ

エクスポートサイズ

242 バイト

最終変更日

先週

refをreactiveに変換します。「交換可能な」reactiveオブジェクトの作成も可能です。

この関数は Proxy を使用します

これは IE 11 以前ではサポートされていません。

使用方法

import { toReactive } from '@vueuse/core'

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'

型宣言

typescript

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