Appearance
生命周期钩子
1. onMounted
api解释
在组件挂载完成后执行的回调函数。
单词: Mounted
- 词义： vt. 安装；装配；登上
- 音标： /ˈmaʊntɪd/
- 分析： “Mounted” 是动词的过去分词形式，表示“已安装”。在 Vue 中表示组件已插入 DOM。
- 词根： 源自拉丁语 montare（攀登），引申为“安装到某个位置”。
辅助记忆
词根拆分法 :
mount（安装） + ed（已完成） → 已完成安装阶段。
谐音联想法 :
谐音：“忙提的” || 联想：安装组件时忙得提起设备。
2. onUpdated
api解释
在组件更新完成后执行的回调函数。
单词: Updated
- 词义： vt. 更新；使现代化
- 音标： /ʌpˈdeɪtɪd/
- 分析： “Updated” 表示组件状态或 DOM 已更新完毕。
- 词根： 源自拉丁语 updare（向上推动），强调持续改进。
辅助记忆
词根拆分法 :
up（向上） + date（日期） → 时间推进到最新状态。
谐音联想法 :
谐音：“阿婆得替的” || 联想：阿婆需要更新的替代方案。
3. onUnmounted
api解释
在组件卸载完成后执行的回调函数。
单词: Unmounted
- 词义： vt. 卸载；卸下
- 音标： /ʌnˈmaʊntɪd/
- 分析： “Unmounted” 表示组件已从 DOM 中移除。
- 词根： 前缀 un-（反向） + mount（安装） → 取消安装。
辅助记忆
词根拆分法 :
un（否定） + mounted（已安装） → 反向安装操作。
谐音联想法 :
谐音：“安忙提的” || 联想：卸载时安顿好忙碌的组件。
4. onBeforeMount
api解释
在组件挂载之前执行的回调函数。
单词: BeforeMount
- 词义： prep. 在...之前；准备阶段
- 音标： /bɪˈfɔːr maʊnt/
- 分析： “BeforeMount” 表示组件即将挂载到 DOM 前的准备阶段。
- 词根： before（之前） + mount（安装） → 安装前的准备。
辅助记忆
词根拆分法 :
before（前） + mount（安装） → 安装前的预备动作。
谐音联想法 :
谐音：“必佛忙” || 联想：安装前必须像佛一样耐心准备。
5. onBeforeUpdate
api解释
在组件更新之前执行的回调函数。
单词: BeforeUpdate
- 词义： prep. 在更新前；准备更新
- 音标： /bɪˈfɔːr ʌpˈdeɪt/
- 分析： “BeforeUpdate” 表示组件即将触发重新渲染前的阶段。
- 词根： before（之前） + update（更新） → 更新前的检查或准备。
辅助记忆
词根拆分法 :
before（前） + update（更新） → 更新前的预操作。
谐音联想法 :
谐音：“比佛优批” || 联想：更新前比佛更优秀地批处理数据。
6. onBeforeUnmount
api解释
在组件卸载之前执行的回调函数。
单词: BeforeUnmount
- 词义： prep. 在卸载前；准备卸载
- 音标： /bɪˈfɔːr ʌnˈmaʊnt/
- 分析： “BeforeUnmount” 表示组件即将从 DOM 中移除前的清理阶段。
- 词根： before（之前） + unmount（卸载） → 卸载前的收尾操作。
辅助记忆
词根拆分法 :
before（前） + un（否定） + mount（安装） → 卸载前的处理。
谐音联想法 :
谐音：“比佛安忙” || 联想：卸载前比佛更安全地处理忙碌任务。
7. onErrorCaptured
api解释
在捕获后代组件错误时执行的回调函数。
单词: ErrorCaptured
- 词义： n. 错误；vt. 捕获
- 音标： /ˈerər ˈkæptʃərd/
- 分析： “ErrorCaptured” 表示错误被捕获并处理。
- 词根： error（错误） + capture（捕获） → 错误捕获机制。
辅助记忆
词根拆分法 :
error（错误） + captured（捕获） → 捕获错误并处理。
谐音联想法 :
谐音：“爱乐开破车的” || 联想：爱乐的人开破车时捕获了错误。
8. onRenderTracked
api解释
在组件渲染依赖被追踪时执行的回调函数。
单词: RenderTracked
- 词义： vt. 渲染；追踪
- 音标： /ˈrendər trækt/
- 分析： “RenderTracked” 用于调试，追踪渲染过程中使用的依赖项。
- 词根： render（渲染） + track（追踪） → 追踪渲染依赖。
辅助记忆
词根拆分法 :
render（提供/渲染） + tracked（追踪） → 追踪渲染流程。
谐音联想法 :
谐音：“软的踹客” || 联想：渲染时追踪到柔软的踹客（代码中的依赖）。
9. onRenderTriggered
api解释
在组件渲染依赖触发重新渲染时执行的回调函数。
单词: RenderTriggered
- 词义： vt. 渲染；触发
- 音标： /ˈrendər ˈtrɪɡərd/
- 分析： “RenderTriggered” 用于调试，显示触发重新渲染的依赖项。
- 词根： render（渲染） + trigger（触发） → 渲染触发的来源追踪。
辅助记忆
词根拆分法 :
render（渲染） + triggered（触发） → 触发重新渲染的原因。
谐音联想法 :
谐音：“软的锤哥的” || 联想：渲染触发时，锤哥的软锤子被找到。
10. onActivated
api解释
在组件被 `<KeepAlive>` 缓存并激活时执行的回调函数。
单词: Activated
- 词义： vt. 激活；启动
- 音标： /ˈæktɪveɪtɪd/
- 分析： “Activated” 表示组件从缓存中恢复并变为活动状态。
- 词根： active（活跃） + ate（动词后缀） → 使变为活跃状态。
辅助记忆
词根拆分法 :
act（行动） + ivated（使...化） → 使组件进入可操作状态。
谐音联想法 :
谐音：“爱可提微提的” || 联想：激活时爱可（IKEA）的微提功能启动。
11. onDeactivated
api解释
在组件被 `<KeepAlive>` 缓存并失活时执行的回调函数。
单词: Deactivated
- 词义： vt. 停用；失活
- 音标： /diˈæktɪveɪtɪd/
- 分析： “Deactivated” 表示组件被缓存并变为非活动状态。
- 词根： de-（反向） + activated（激活） → 取消激活状态。
辅助记忆
词根拆分法 :
de（否定） + activated（激活） → 组件进入休眠状态。
谐音联想法 :
谐音：“弟爱可停的” || 联想：弟弟爱可（IKEA）的组件停用了。
12. onServerPrefetch
api解释
在服务端渲染时预取数据的回调函数。