1、从定义角度对比

ref用来定义:基本数据类型
reactive来定义:对象(数组)类型数据

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

2、从原理的角度对比

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

3、从使用角度来对比

ref定义的数据:操作数据需要.value读取,模板中则不需要使用.value获取
reactive定义的数据:操作数据于读取数据均不需要.value

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐