vue3 toRef
时间: 2024-05-06 15:14:30 浏览: 198
# Vue3 toRef 和 toRefs 函数.doc
5星 · 资源好评率100%
在Vue.js 3中,toRef是一个新的API。它可以将一个响应式对象中的某个属性转化为一个ref对象,使得我们可以像操作ref对象一样来操作这个属性。例如:
```
import { reactive, toRef } from 'vue'
const state = reactive({
foo: 'bar'
})
const ref = toRef(state, 'foo')
console.log(ref.value) // 输出 'bar'
ref.value = 'baz'
console.log(state.foo) // 输出 'baz'
```
在上面的例子中,我们通过toRef将state对象中的foo属性转化为一个ref对象,并且对这个ref对象进行了赋值操作。由于ref对象是响应式的,所以state.foo的值也会跟着改变。
阅读全文