Vue2的生命周期函数

Vue2的生命周期函数

Vue组件的生命周期是指组件在实例化、挂载、更新和销毁等过程中经历的一系列钩子函数的调用。这些钩子函数可以让开发者在不同阶段执行自定义的逻辑,以满足组件的需求。

Vue的生命周期可以分为以下几个阶段:

  1. 创建阶段(Creation Phase):
    • beforeCreate:在实例被创建之后,数据观测(data observation)和事件初始化之前调用。此时,组件的数据和方法都不可访问。
    • created:在实例创建完成后调用。此时,组件的数据已经可以访问,并且可以执行一些初始的异步操作。
  2. 挂载阶段(Mounting Phase):
    • beforeMount:在挂载开始之前被调用。此时,模板已经编译完成,但尚未挂载到DOM上。
    • mounted:在挂载完成后被调用。此时,组件已经被挂载到DOM中,可以进行DOM操作和访问DOM元素。
  3. 更新阶段(Updating Phase):
    • beforeUpdate:在数据更新之前被调用,即在重新渲染之前调用。可以用于在更新之前执行一些逻辑操作。
    • updated:在数据更新完成后被调用。此时,DOM已经完成重新渲染,可以执行一些需要基于DOM的操作。
  4. 销毁阶段(Unmounting Phase):
    • beforeUnmount:在组件卸载之前调用。可以用于清理定时器、取消订阅等资源的释放。
    • unmounted:在组件卸载完成后调用。此时,组件从DOM中移除,所有的事件监听器和定时器都会被销毁。

猜你喜欢

转载自blog.csdn.net/weixin_50975172/article/details/130820706