Vue3中reactive和ref对比

数据角度对比

1. ref用来定义: 基本类型
2. reactive用来定义: 对象(或数组)类型数据
3. 备注:ref也可以定义对象或数组类型数据,它内部会调用reactive转为代理对象.

原理角度对比

1. ref通过Object.defineProperty()中的get()与set()来实现响应式
2. reacive通过使用Proxy来实现响应式,并通过Reflect操作源对象内部数据

使用角度对比

1. ref定义的数据: 操作数据时需要.value, 读取数据不需要
2. reactive定影的数据: 操作数据和读取数据都不需要.value