vue3 reactive对比ref

从定义数据角度对比:

• ref 用来定义: 基本类型数据
• reactive 用来定义: 对象 (或数组)类型数据
• 备注: ref 也可以用来定义对象 (或数组)类型数据,它内部会自动通过 reative 转为代理对象

从原理角度对比:

• ref 通过 object.defineProperty() 的 get 与 set 来实现响应式 (数据劫持)
• reactive通过使用Proxy来实现响应式(数据动持)，并通过Reflect操作源对象内部的数据

从使用角度对比:

• ref定义的数据: 操作数据需要 .value，读取数据时模板中接读取不需要 .value
• reactive定义的数据: 操作数据与读取数据: 均不需要 .value