vue3 ref响应式原理

vue3响应式

relative（）实现响应式原理是 用proxy拦截对象中属性的添加 读写 删除

在用reflect反射 对被代理的源对象的属性进行操作（数据劫持）

ref原理是通过object.defineproperty的get和set实现响应式（数据劫持）

 

Ref中的数据会被转换成一个ref引用对象，引用对象里面有value 在模板里会自动解析ref引用对象的value，所以在模板里不用写点value，Ref会把不同的数据类型转换为不同的对象，比如对象就会转换成proxy对象。

其原理是用getter和setter来读和改写数据

Ref只要通过一层value就可以修改里面的数据reactive不需要点value直接可以点属性名获取里面的数据

Ref既可以把基本数据类型转换成响应式，也可以转换对象类型为响应式

Reactive函数只能转换对象类型和数组

const定义的对象可以通过.value修改里面的属性

 const 代理对象＝reactive（原对象）接收一个对象或者数组返回一个代理对象proxy的实例对象 简称proxy对象

 

reactive定义的响应式数据是深层次的