Appearance
工具函数
1. isRef
api解释
检查值是否为 ref 对象
单词: Ref
- 词义: n. 引用
- 音标: /rɛf/
- 分析: 通过 `isRef()` 判断目标是否为 ref 对象,返回布尔值。
- 词根: Ref 是 reference(引用)的缩写,表示对值的间接包装。
辅助记忆
词根法 :
Ref = Reference(引用)→ 判断是否为引用包装
谐音法 :
谐音:锐伏 → 检查是否被锐利地伏藏(ref)
2. unref
api解释
解包 ref 值(等效于 `isRef(val) ? val.value : val`)
单词: Ref
- 词义: v. 解引用
- 音标: /ʌnˈrɛf/
- 分析: 剥离 ref 的 `.value` 层,直接获取原始值。
- 词根: Un-(否定前缀)+ Ref → 解除引用包装。
辅助记忆
词根法 :
Un-(解) + Ref(引用)→ 解引用
动作联想 :
拆快递:解开 ref 的外包装(.value)
3. toRef
api解释
将响应式对象的属性转换为独立 ref
单词: Ref
- 词义: v. 转换引用
- 音标: /tu rɛf/
- 分析: 从 reactive 对象中提取属性并保持响应性链接。
- 词根: To(转换为) + Ref → 生成新引用。
辅助记忆
场景联想 :
克隆属性:将对象的某个属性单独做成 ref 副本
4. toValue
api解释
将 ref/getter 转换为值(类似 `unref()`,但支持函数)
单词: Value
- 词义: n. 值
- 音标: /ˈvæljuː/
- 分析: 兼容处理 ref、函数返回值或普通值,返回最终值。
- 词根: Value 强调结果值,剥离所有包装层。
辅助记忆
对比记忆 :
toValue ≈ unref() + 处理函数
5. toRefs
api解释
将 reactive 对象转换为包含多个 ref 的普通对象
单词: Refs
- 词义: n. 引用集合
- 音标: /rɛfs/
- 分析: 解构 reactive 对象时保持响应性,每个属性转为 ref。
- 词根: Refs = Refs(复数)→ 批量生成引用。
辅助记忆
场景联想 :
拆解乐高:将整个 reactive 对象拆成多个 ref 零件
6. isProxy
api解释
检查对象是否为 reactive 或 readonly 代理
单词: Proxy
- 词义: n. 代理
- 音标: /ˈprɒksi/
- 分析: 判断对象是否被 Vue 的响应式系统代理。
- 词根: Proxy(代理)是响应式系统的底层实现。
辅助记忆
技术关联 :
Proxy 是 ES6 特性,Vue3 用其实现响应式
7. isReactive
api解释
检查对象是否为 reactive 代理
单词: Reactive
- 词义: adj. 响应式
- 音标: /riˈæktɪv/
- 分析: 专用于检测标准响应式对象(非 shallow 或 readonly)。
- 词根: Reactive 强调深度响应性。
辅助记忆
对比记忆 :
isReactive() 且 !isReadonly() → 可写响应式对象
8. isReadonly
api解释
检查对象是否为 readonly 代理