Vue 2 的生命周期包括以下几个阶段:

  1. 创建阶段(Creation):

    • beforeCreate:在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。
    • created:在实例创建完成后被调用,此阶段完成了数据观测 (data observer)、属性和方法的运算,以及 watch/event 事件的设置。但是此时还没有挂载到 DOM 上。
  2. 挂载阶段(Mounting):

    • beforeMount:在挂载开始之前被调用,相关的 render 函数首次被调用。
    • mounted:在实例被挂载到 DOM 后调用,此阶段完成了模板编译并且将实例挂载到 DOM 上。
  3. 更新阶段(Updating):

    • beforeUpdate:在数据更新之前被调用,发生在虚拟 DOM 重新渲染和打补丁之前。
    • updated:在数据更新完成后被调用,实例的 DOM 已经更新。
  4. 销毁阶段(Destruction):

    • beforeDestroy:在实例销毁之前调用,此时实例仍然完全可用。
    • destroyed:在实例销毁后调用,此阶段完成了实例的事件监听器和子组件的销毁。

此外,Vue 2 还有两个特殊的生命周期钩子函数:

  • activated:在使用 keep-alive 组件时,被激活的组件会调用该函数。
  • deactivated:在使用 keep-alive 组件时,被停用的组件会调用该函数。

这些生命周期钩子函数可以在 Vue 组件中通过方法的形式来定义,从而实现在不同阶段执行特定的逻辑操作。

Logo

前往低代码交流专区

更多推荐