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'