vue2的生命周期
这些生命周期钩子函数可以在 Vue 组件中通过方法的形式来定义,从而实现在不同阶段执行特定的逻辑操作。
·
Vue 2 的生命周期包括以下几个阶段:
-
创建阶段(Creation):
- beforeCreate:在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。
- created:在实例创建完成后被调用,此阶段完成了数据观测 (data observer)、属性和方法的运算,以及 watch/event 事件的设置。但是此时还没有挂载到 DOM 上。
-
挂载阶段(Mounting):
- beforeMount:在挂载开始之前被调用,相关的 render 函数首次被调用。
- mounted:在实例被挂载到 DOM 后调用,此阶段完成了模板编译并且将实例挂载到 DOM 上。
-
更新阶段(Updating):
- beforeUpdate:在数据更新之前被调用,发生在虚拟 DOM 重新渲染和打补丁之前。
- updated:在数据更新完成后被调用,实例的 DOM 已经更新。
-
销毁阶段(Destruction):
- beforeDestroy:在实例销毁之前调用,此时实例仍然完全可用。
- destroyed:在实例销毁后调用,此阶段完成了实例的事件监听器和子组件的销毁。
此外,Vue 2 还有两个特殊的生命周期钩子函数:
- activated:在使用 keep-alive 组件时,被激活的组件会调用该函数。
- deactivated:在使用 keep-alive 组件时,被停用的组件会调用该函数。
这些生命周期钩子函数可以在 Vue 组件中通过方法的形式来定义,从而实现在不同阶段执行特定的逻辑操作。
更多推荐
已为社区贡献2条内容
所有评论(0)