1、从定义角度对比
ref用来定义:基本数据类型
reactive来定义:对象(数组)类型数据
备注:ref也可以用来定义对象(或数组)类型数据,它内部会自动通过reactive转为代理对象
2、从原理的角度对比
ref通过Object.defineProperty()的get和set来实现响应式(数据劫持)
reactive通过使用proxy来实现响应式(数据劫持),并通过Reflect操作源对象内部数据
3、从使用角度来对比
ref定义的数据:操作数据需要.value读取,模板中则不需要使用.value获取
reactive定义的数据:操作数据于读取数据均不需要.value