vue3的ref和reactive对比(总结)

1、从定义角度对比

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

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

2、从原理的角度对比

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

3、从使用角度来对比

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

猜你喜欢

转载自blog.csdn.net/qq_44472790/article/details/120620028