在 Vue.js 中,生命周期可以分为八个阶段:
-
创建阶段(Creation):
beforeCreate
:实例初始化之后,数据观测和 event/watcher 事件配置之前被调用。created
:实例已完成数据观测 (data observer),属性和方法的运算,但尚未挂载到页面上。
-
挂载阶段(Mounting):
beforeMount
:在挂载开始之前被调用,相关的 render 函数首次被调用。mounted
:在实例挂载到 DOM 后调用,vm.$el
被新创建的 vm 替换,挂载完成。
-
更新阶段(Updating):
beforeUpdate
:在数据更新时调用,发生在虚拟 DOM 重新渲染和打补丁之前。updated
:在数据更新导致的虚拟 DOM 重新渲染和打补丁之后调用。
-
销毁阶段(Destroying):
beforeDestroy
:在实例销毁之前调用,此时实例仍然完全可用。destroyed
:在实例销毁后调用,所有的事件监听器和子实例已被移除。
这些生命周期钩子函数允许开发者在 Vue 实例的不同阶段执行代码,可以在不同生命周期阶段处理数据、DOM 操作、资源释放等操作,以便更好地控制和定制 Vue 实例的行为。
Was this helpful?
0 / 0