标签：对象 数据类型 09 CompositionAPI 响应 Vue3 拷贝 ref

---

 

一、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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。