| 对比维度 | ref() | reactive() |
|---|---|---|
| 核心作用 | 创建响应式数据对象,数据变化时引用处自动重新渲染 | 创建响应式数据对象,支持复杂类型数据的响应式处理 |
| 支持数据类型 | 主要用于原始类型(string、number 等) | 主要用于复杂类型(对象、数组) |
| 值的访问 / 修改方式 | 需通过 .value 访问或修改(如 count.value++) |
直接通过对象属性访问或修改(如 state.count++) |
| 返回数据结构 | 返回一个响应式的包装对象 | 返回一个响应式的原始数据结构(对象 / 数组) |
| 核心区别 | 依赖包装对象,需通过 .value 操作值 |
无需包装对象,直接操作原始数据结构的属性 |