六、reactive与ref的对比

郁子小于 1 分钟约 207 字笔记Vue3尚硅谷张天禹

(一)从定义数据角度对比

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

(二)从原理角度对比

  • ref 通过 Object.defineProperty()getset 来实现响应式(数据劫持)
  • reactive 通过使用 Proxy 来实现响应式(数据劫持),并通过 Reflect 操作 源对象 内部的数据

(三)从使用角度对比

1.ref 定义的数据

  • 操作数据 需要 .value
  • 读取数据时模板中直接读取, 不需要 .value

2.reactive 定义的数据

  • 操作数据与读取数据: 均不需要 .value
上次编辑于: