vue3出炉好长一段时间,公司也开始系统使用vue3的项目了。在开发项目中发现了vue3出现的一个新的函数reactive,reactive 是 Vue3 中提供的实现响应式数据的方法。
reactive的用法与ref的用法相似,也是将数据变成响应式数据,当数据发生变化时UI也会自动更新。不同的是ref用于基本数据类型,而reactive是用于复杂数据类型,比如对象和数组
具体解析可见其他博主https://blog.csdn.net/wuxing164/article/details/109801055
其中,有几个点需注意:
1.reactive 参数必须是对象 (json / arr),基本类型(数字、字符串、布尔值)在 reactive 中无法被创建成 proxy 对象,也就无法实现监听,无法实现响应式
2.本质: 就是将传入的数据包装成一个Proxy对象
3.如果给 reactive 传递了其它对象(如Date对象)
默认情况下,修改对象无法实现界面的数据绑定更新。
如果需要更新,需要进行重新赋值。(即不允许直接操作数据,需要放个新的数据来替代原数据)

Logo

前往低代码交流专区

更多推荐