toRef toRefs toRaw

toRef

将响应式对象，与其一个属性的名称传入toRef(obj, 'attr')，得到的是该属性经Ref包装后的变量。可以通过对该变量进行修改，从而修改原对象的属性。可以用于函数传参。

原始对象若为非响应式的，toRef不会发挥作用。

1
2
3
4
5
6
7
8
9
let form = reactive({
  name:'ler-jiu',
  age: 18
})
let formName = toRef(form, 'age')

const changeFormAge = () => {
  formName.value = 21
}

toRefs

将一个对象所有的属性进行toRef，得到一个对应的对象。

可以用于解构。

1
let {name, age} = toRefs(form)

这样得到的name与age均为响应式的。

toRaw

将响应式对象恢复为普通对象