Appearance
核心api
1. ref
api解释
创建响应式数据引用(支持基本类型和对象)
单词: Ref
- 词义: n. 引用;vt. 指向
- 音标: /rɛf/
- 分析: 将数据包装为含 `.value` 的响应式引用对象,自动追踪依赖。
- 词根: 源自 'reference'(引用),表示对值的间接响应式包装。
辅助记忆
词根拆分 :
Reactive + Reference → 响应式引用
谐音联想 :
锐伏 → 将数据“锐利”地伏藏在 .value 中
2. computed
api解释
创建依赖其他状态的计算属性
单词: Computed
- 词义: adj. 计算的
- 音标: /kəmˈpjuːtɪd/
- 分析: 自动追踪依赖的响应式变量,延迟计算并缓存结果。
- 词根: compute(计算)+ -ed(被动后缀)→ 被计算得出的值。
辅助记忆
场景联想 :
Excel 公式:引用的单元格变化时自动重新计算
3. reactive
api解释
创建深度响应式对象(基于 Proxy)
单词: Reactive
- 词义: adj. 响应式的
- 音标: /riˈæktɪv/
- 分析: 递归转换对象所有属性为响应式,适用于复杂数据结构。
- 词根: re-(反向) + active(活跃的)→ 对变化反向响应。
辅助记忆
对比记忆 :
与 ref 对比:ref 包装值,reactive 包装对象
4. readonly
api解释
创建只读的响应式代理
单词: Readonly
- 词义: adj. 只读的
- 音标: /ˈriːdˌoʊnli/
- 分析: 禁止修改对象属性,但仍可被其他响应式系统追踪。
- 词根: read(读) + only(仅)→ 仅允许读取操作。
辅助记忆
反向联想 :
只读代理 → 修改时会触发警告
5. watchEffect
api解释
立即执行并自动追踪依赖的副作用函数
单词: Effect
- 词义: n. 副作用
- 音标: /ɪˈfɛkt/
- 分析: 自动收集函数内的响应式依赖,依赖变化时重新运行。
- 词根: watch(观察) + effect(效果)→ 观察副作用的变化。
辅助记忆
场景联想 :
雷达:自动扫描并追踪所有出现的依赖
6. watchPostEffect
api解释
在 DOM 更新后触发 watchEffect
单词: Effect
- 词义: adj. 后置的
- 音标: /poʊst ɪˈfɛkt/
- 分析: 副作用函数延迟到 DOM 更新后执行,避免读取旧 DOM 状态。
- 词根: post(后) + effect → 延迟触发的副作用。
辅助记忆
时序联想 :
类似 setTimeout(fn, 0) 的延迟效果
7. watchSyncEffect
api解释
同步触发 watchEffect(立即执行)
单词: Effect
- 词义: adj. 同步的
- 音标: /ˈsɪŋk ɪˈfɛkt/
- 分析: 强制同步运行副作用函数,适用于需要即时反馈的场景。
- 词根: sync(同步) + effect → 无延迟触发副作用。
辅助记忆
对比记忆 :
与 watchPostEffect 对比:同步 vs 异步
8. watch
api解释
显式监听特定数据源的变更
单词: Watch
- 词义: vt. 观察
- 音标: /wɒtʃ/
- 分析: 精准监听一个或多个数据源,提供新旧值对比和清理函数。
- 词根: 源自古英语 wæccan(保持警觉),表示持续观察。
辅助记忆
精准定位 :
狙击枪:只瞄准特定目标,不自动追踪其他依赖
9. onWatcherCleanup
api解释
注册观察器失效时的清理回调