Skip to content

辅助

1. useAttrs

api解释

访问组件的非 props/emits 属性(attrs)

单词: Attrs

  • 词义: n.属性
  • 音标: /'ætrz/
  • 分析: `Attrs` 表示组件接收的未声明的 HTML 属性或自定义属性
  • 词根: `attrs` 是 attribute(属性)的缩写形式
辅助记忆
  • 词根拆分法 :

    Attrs = attribute(属性)的简写 → 表示额外属性

  • 谐音联想法 :

    谐音:“阿特斯” || 联想:阿特斯(`attrs`)是额外的属性集合

2. useSlots

api解释

访问组件的插槽内容

单词: Slots

  • 词义: n.插槽
  • 音标: /slɒts/
  • 分析: `Slots` 表示组件接收的插槽节点,用于动态内容分发
  • 词根: `slot`(插槽) + `s`(复数) → 多个插槽内容
辅助记忆
  • 词根拆分法 :

    Slots = slot(插槽) + s → 插槽内容集合

  • 谐音联想法 :

    谐音:“斯洛茨” || 联想:斯洛茨(`slots`)是存放插槽的口袋

3. useModel

api解释

实现双向绑定的模型(Vue3.3+ 新增)

单词: Model

  • 词义: n.模型
  • 音标: /'mɒdəl/
  • 分析: `Model` 用于简化父子组件间的双向数据绑定逻辑
  • 词根: `model`(模型) → 数据驱动视图的绑定模型
辅助记忆
  • 词根拆分法 :

    Model(模型) → 数据与视图的绑定关系

  • 谐音联想法 :

    谐音:“魔导” || 联想:魔导(`model`)般自动同步数据

4. useTemplateRef

api解释

获取模板引用(与 ref 结合使用)

单词: Template

  • 词义: n.模板
  • 音标: /'templɪt/
  • 分析: `Template` 表示组件的模板结构,通过 ref 获取 DOM 或组件实例
  • 词根: `template`(模板) → 定义组件渲染结构的模板
辅助记忆
  • 词根拆分法 :

    Template = template(模板) → 组件的渲染结构

  • 谐音联想法 :

    谐音:“摊铺里特” || 联想:摊开模板(`template`)里的特殊引用

5. useId

api解释

生成唯一的组件 ID(SSR 友好)

单词: Id

  • 词义: n.标识符
  • 音标: /aɪ'diː/
  • 分析: `Id` 表示唯一标识符,用于关联 DOM 元素或跨组件通信
  • 词根: `id` 是 identifier(标识符)的缩写
辅助记忆
  • 词根拆分法 :

    Id = identifier(标识符) → 唯一标识

  • 谐音联想法 :

    谐音:“爱迪” || 联想:爱迪生(`id`)发明了唯一编号

京ICP备2024093538号-1