Skip to content

核心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解释

注册观察器失效时的清理回调

单词: Cleanup

  • 词义: n. 清理
  • 音标: /ˈkliːnʌp/
  • 分析: 在 watch/watchEffect 重新运行前或停止时执行清理逻辑。
  • 词根: clean(清理) + up(完成)→ 完成资源回收。
辅助记忆
  • 场景联想 :

    电影院散场:每次播放新电影前清理上一场的垃圾

京ICP备2024093538号-1