将一个响应式对象转换为一个普通对象,这个普通对象的每个属性都是指向源对象相应属性的 ref。每个单独的 ref 都是使用 toRef() 创建的。
解构:响应式对象
import { reactive, toRefs } from 'vue';
let teacher = reactive({
name: '张三',
age: 45
})
let { name, age } = toRefs(teacher)
使用.value获取属性并修改
function changeName() {
name.value += '###'
console.log(name)
}
function changeAge() {
age.value += 10
console.log(age)
}