---

 

一、CompositionAPI介绍

 

 

setup

 

 

 

 

 

 

 

 

二、CompositionAPI的响应式问题

1.reactiveApi

我们现在使用compapi，return返回的对象，里面的数据都不是响应式的，因为没有使用reactive（）函数添加到响应式系统里；

 

 2.refApi

ref也会返回一个响应式的对象；然后我们把这个对象赋值给自变量；

const a= 100；
const  a  =  ref(100);

这个是有区别的，第一个a它的数据类型是数字；第二个a的数据类型是对象，a成了对对象的一个引用，a引用着ref里的value100；

 

 

 

3.refApi的自动解包

 

浅解包和浅拷贝差不多，都只拷贝浅层的，深层的还是只拷贝引用地址；

4.readOnly（）函数

使用readOnly（）返回的对象，不管是普通对象还是经过reative（）的响应式对象，都不可以被修改了；

原理，做了数据劫持，停止他们的set行为！

 

 

 

标签：对象,数据类型,09,CompositionAPI,响应,Vue3,拷贝,ref
来源： https://www.cnblogs.com/EricShen/p/15316917.html