[vue3]ref函数和reactive函数的响应式原理
对象类型的数据：内部“求助”了Vue0中的一个新函数——reactive函数。
ref和reactive都可以做响应式 ref：一般用在定义基本类型和引用类型，如果是引用类型底层会借助reactive形成proxy代理对象，可以直接复制整个对象，如table的数据请求回来，需要将数据整体赋值个响应对象这时如果使用的是reactive就无法进行响应。
ref的内部工作原理是，它是一个函数，接受一个内部值并返回一个响应式且可变的引用对象。这个引用对象有一个.value属性，指向内部值。在上述代码中，ref函数通过new RefImpl（value）创建了一个新的RefImpl实例。这个实例包含getter和setter，分别用于追踪依赖和触发更新。
全面理解 Vue3 中的 ref 及其相关功能，包括响应式原理和特殊用法。Vue3 的基础类型响应性是通过 ref 实现的，它与 reactive 的实现方式有所不同。ref 是通过先判断是否为浅层响应式，如果是，则直接挂载到 value，而非转化为 Proxy。shallowRef 仅监听 .value 变化，提供了简单的响应式特性。
Vue3响应式数组使用ref还是reactive?
ref和reactive是Vue3中实现响应式数据的核心API。ref用于封装基本数据类型，而reactive用于处理对象和数组。尽管reactive似乎更适合处理对象，但Vue3官方文档更推荐使用ref。官方文档指出，ref比reactive更适用。下面我们从源码的角度详细讨论这两个API，以及Vue3为什么推荐使用ref而不是reactive。
Vue3的数组响应式基于Proxy，当你对数组元素进行修改，回调函数会自动触发，实现动态更新，无需深入理解底层。这种设计极大地便利了数组操作，仅需直接操作数组即可。响应式数组在多个场景中都能派上用场，例如数据绑定、视图更新等。要理解ref和reactive的区别，它们都是Vue3创建响应式对象的方式。
对象类型的数据：内部“求助”了Vue0中的一个新函数——reactive函数。
ref和reactive都可以做响应式 ref：一般用在定义基本类型和引用类型，如果是引用类型底层会借助reactive形成proxy代理对象，可以直接复制整个对象，如table的数据请求回来，需要将数据整体赋值个响应对象这时如果使用的是reactive就无法进行响应。
一般来说，ref被用来定义简单的字符串或者数值，而reactive被用来定义对象数组等 2）实际上都能用，而且ref也可以去定义简单的对象和数组，也是具有响应式的，不过官方文档中有提到如果将对象分配为ref值，则可以通过reactive方法使该对象具有高度的响应式。
triggerRefValue函数用于触发Ref的响应式更新，triggerEffects函数来自effect模块。Vue3还提供了自定义的Ref，可以传入getter和setter，自由选择track和trigger时机。在setup函数中返回参数时，使用toRef创建ObjectRefImpl实例对响应式对象的某个属性进行解构。
【魏棻卿专栏】你要Reactive还是Creative的人生?
1、考考你，Reactive（反应）和Creative（创造）的差别在哪里？ 先别急着在字意上着墨，仔细看一下字母的排列位置就可以发现，这两个单字虽然意思相差十万八千里，字里头的八个字母却长得一模一样，唯一的差别在于，「C」的位置摆得不一样。
纺织里面的reative是什么意思
1、印花颜料/染料种类很多，这里指的是使用活性（或称 反应性）染料印花的布料。活性染料可以在：棉/麻/再生纤维等纤维素纤维织成的布料上印花。也可以在真丝上印花。
2、活性深蓝M-2ge，也被称为C.I.活性蓝194，是一种在染料领域具有广泛应用的化合物。它的英文名称是Reactive Dark Blue M-2ge，另外还有个别名Reactive Blue 194，这在国际上是它的通用标识。
3、中国是出口大国，从事贸易工作的人才比例也是非常大的。因此，相关的专业术语很多，英语词汇就更不用说了。
这个夏天,能学会Vue3吗:Vue3的Reactive响应式到底是什么
使用ref和reactive解耦响应式并不是Vue3的全新特性。它在Vue6中就已经部分引入了，其中这种解耦的响应式数据实例被称为“可观察对象”。在大多数情况下，可以用响应式替换Vue.observable。区别之一是直接访问和改变传递给Vue.observable的对象是响应式的，而新的API返回一个代理对象，因此改变原始对象不会产生响应式效果。
对象类型的数据：内部“求助”了Vue0中的一个新函数——reactive函数。
ref和reactive都可以做响应式 ref：一般用在定义基本类型和引用类型，如果是引用类型底层会借助reactive形成proxy代理对象，可以直接复制整个对象，如table的数据请求回来，需要将数据整体赋值个响应对象这时如果使用的是reactive就无法进行响应。
Vue3的数组响应式基于Proxy，当你对数组元素进行修改，回调函数会自动触发，实现动态更新，无需深入理解底层。这种设计极大地便利了数组操作，仅需直接操作数组即可。响应式数组在多个场景中都能派上用场，例如数据绑定、视图更新等。要理解ref和reactive的区别，它们都是Vue3创建响应式对象的方式。
标签： #reactive
