直接赋值和结构这两种情况会丢失掉响应式
一般来说数组和基本类型用ref定义,但是对象用reactive定义,ref不会失去响应式是应为不管取值还是赋值都会调用setter,经过reactive处理为响应式对象
reactive直接赋值就会丢失原来响应式对象的引用地址,变成一个新的引用地址,这个新的引用地址是没有经过reactive方法处理的
let data=reactive({
userData:{} //里面定义一个对象,这样赋值就不会丢失响应式了。
})
//获取接口数据
let res=await getUserApi(); //请求接口
data.userData=res.data; //将返回的结果赋值给data