本文详细介绍了Vue.js组件的生命周期，包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed等关键阶段。此外，还提到了在组件被keep-alive时会触发的activated和deactivated钩子，以及errorCaptured错误捕获函数。这些钩子函数在实际开发中对于组件的状态管理和优化起着重要作用。
创建阶段
- beforeCreate
实例创建之前 这个时候什么都没有 data methods 都不能用 也没有 this
- created
创建之后 也是最早的可以使用 data 和 methods 的钩子函数 这个时候有 this 了
- beforeMount
组件挂载之前
- mounted
组件挂载之后
这个时候能拿到 dom 节点使用
运行阶段 只要修改 data 就会触发
- beforeUpdate
数据变了 视图还没变
- updated
数据变了 视图也变了
销毁阶段
- beforeDestory
组件销毁之前 是最后一个能使用 data 和 methods 的钩子函数
- destoryed
组件销毁之后
除了这八个 还有 三个
如果用 keep-alive 缓存了组件 就会有 actived deactived 这两个钩子函数
activated 组件激活
deactivated 组件停用
errorCaptured 子组件出错的时候会触发这个钩子函数
扫一扫
3923
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
