在 Vue 中,生命周期钩子(Lifecycle Hooks)是一些可在 Vue 实例的生命周期中进行操作的钩子函数,它们允许你在特定阶段添加自定义逻辑。Vue 实例在创建、挂载、更新和销毁等不同的阶段都会触发这些钩子函数。
以下是 Vue 中常用的生命周期钩子函数:
-
beforeCreate:实例刚被创建,数据观测和事件配置之前被调用。
-
created:实例已经创建完成,实例上的数据观测和事件配置已完成。
-
beforeMount:挂载开始之前被调用,此时模板编译已完成,但尚未将模板挂载到 DOM 中。
-
mounted:挂载完成,实例已经挂载到 DOM 中。
-
beforeUpdate:数据更新时调用,发生在虚拟 DOM 重新渲染和打补丁之前。
-
updated:数据更新完成,组件 DOM 已更新。
-
beforeDestroy:实例销毁之前调用,此时实例仍然完全可用。
-
destroyed:实例销毁之后调用,所有的事件监听器和子实例已被移除。
除了上述列出的生命周期钩子,Vue 还提供了其他一些少用的钩子函数,比如 activated
和 deactivated
(用于 <keep-alive>
组件)、errorCaptured
(用于捕获子孙组件错误)等。
这些生命周期钩子可以让开发者在 Vue 实例的不同阶段执行代码,用于执行特定的操作或逻辑,例如在数据变化时执行一些操作、在组件销毁前做一些清理工作等。
Was this helpful?
0 / 0