Appearance
辅助
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 友好)