Skip to content

工具函数

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 代理

单词: Readonly

  • 词义: adj. 只读
  • 音标: /ˈriːdˌoʊnli/
  • 分析: 检测对象是否被锁定为不可修改状态。
  • 词根: Readonly = Read(读) + Only(仅)→ 仅允许读取。
辅助记忆
  • 反向联想 :

    isReadonly() 为 true → 修改会触发警告

京ICP备2024093538号-1