Vue2的生命周期函数
Vue组件的生命周期是指组件在实例化、挂载、更新和销毁等过程中经历的一系列钩子函数的调用。这些钩子函数可以让开发者在不同阶段执行自定义的逻辑,以满足组件的需求。
Vue的生命周期可以分为以下几个阶段:
- 创建阶段(Creation Phase):
- beforeCreate:在实例被创建之后,数据观测(data observation)和事件初始化之前调用。此时,组件的数据和方法都不可访问。
- created:在实例创建完成后调用。此时,组件的数据已经可以访问,并且可以执行一些初始的异步操作。
- 挂载阶段(Mounting Phase):
- beforeMount:在挂载开始之前被调用。此时,模板已经编译完成,但尚未挂载到DOM上。
- mounted:在挂载完成后被调用。此时,组件已经被挂载到DOM中,可以进行DOM操作和访问DOM元素。
- 更新阶段(Updating Phase):
- beforeUpdate:在数据更新之前被调用,即在重新渲染之前调用。可以用于在更新之前执行一些逻辑操作。
- updated:在数据更新完成后被调用。此时,DOM已经完成重新渲染,可以执行一些需要基于DOM的操作。
- 销毁阶段(Unmounting Phase):
- beforeUnmount:在组件卸载之前调用。可以用于清理定时器、取消订阅等资源的释放。
- unmounted:在组件卸载完成后调用。此时,组件从DOM中移除,所有的事件监听器和定时器都会被销毁。