六、reactive与ref的对比
小于 1 分钟约 207 字
(一)从定义数据角度对比
- ref 用来定义:基本类型数据
- reactive 用来定义:对象(或数组)类型数据
- 备注:ref 也可以用来定义 对象(或数组)类型数据 ,内部会自动通过
reactive
转为 代理对象(Proxy)
(二)从原理角度对比
- ref 通过
Object.defineProperty()
的get
和set
来实现响应式(数据劫持) - reactive 通过使用 Proxy 来实现响应式(数据劫持),并通过 Reflect 操作 源对象 内部的数据
(三)从使用角度对比
1.ref 定义的数据
- 操作数据 需要
.value
- 读取数据时模板中直接读取, 不需要
.value
2.reactive 定义的数据
- 操作数据与读取数据: 均不需要
.value