toReactive

分类

导出大小

269 B

上次更改

8 个月前

将 ref 转换为 reactive。也使得创建可“交换”的 reactive 对象成为可能。

用法

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'

类型声明

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