Skip to content

toReactive

将 ref 转换为响应式。还可以创建 "swapable" 反应式对象。

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

用法

¥Usage

ts
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'

类型声明

ts
/**
 * 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
>

源代码

源代码文档

变更日志

最近没有更改