在 Vue.js 中,生命周期可以分为八个阶段:

  1. 创建阶段(Creation)

    • beforeCreate:实例初始化之后,数据观测和 event/watcher 事件配置之前被调用。
    • created:实例已完成数据观测 (data observer),属性和方法的运算,但尚未挂载到页面上。
  2. 挂载阶段(Mounting)

    • beforeMount:在挂载开始之前被调用,相关的 render 函数首次被调用。
    • mounted:在实例挂载到 DOM 后调用,vm.$el 被新创建的 vm 替换,挂载完成。
  3. 更新阶段(Updating)

    • beforeUpdate:在数据更新时调用,发生在虚拟 DOM 重新渲染和打补丁之前。
    • updated:在数据更新导致的虚拟 DOM 重新渲染和打补丁之后调用。
  4. 销毁阶段(Destroying)

    • beforeDestroy:在实例销毁之前调用,此时实例仍然完全可用。
    • destroyed:在实例销毁后调用,所有的事件监听器和子实例已被移除。

这些生命周期钩子函数允许开发者在 Vue 实例的不同阶段执行代码,可以在不同生命周期阶段处理数据、DOM 操作、资源释放等操作,以便更好地控制和定制 Vue 实例的行为。

Was this helpful?

0 / 0

发表回复 0

Your email address will not be published.