石家庄做网站裕华区,手机网站背景图尺寸,建网站的平台,计算机网络设计实验报告一、情景说明
我们知道#xff0c;Vue3中想要定义对象类型的响应式数据 可以通过reactive函数实现
如果#xff0c;后端返回的对象#xff0c;有很多的字段#xff0c;我们想进行结构化赋值 但是#xff0c;又想保证赋值后的变量也是响应式数据 那么#xff0c;这个时候…一、情景说明
我们知道Vue3中想要定义对象类型的响应式数据 可以通过reactive函数实现
如果后端返回的对象有很多的字段我们想进行结构化赋值 但是又想保证赋值后的变量也是响应式数据 那么这个时候就要用到toRef和toRefs函数
注意toRef和toRefs函数只能作用在reactive创建的变量上
二、案例
reactive创建的变量 // 数据let person reactive({name:张三,age:18})1、toRefs let {name,age} toRefs(person)2、toRef let nl toRef(person,age)经过toRef和toRefs处理后 无论是person.age、age、nl变量任何一个被修改三者都会同时变化
个人认为这两个函数的好处可能就是让编码更简便