Vue生命周期总结

Vue生命周期阶段

结论

• 三个阶段：初始化、更新、销毁
• 初始化：beforeCreate、created、beforeMount、mounted
• 更新：beforeUpdate、unpdated
• 销毁：beforeDestroy、destroyed

Vue生命周期事件

• beforeCreate（）{}//执行时组件实例还未创建，通常用于插件开发中执行一些初始化任务
• created（）{}//组件初始化完毕，各种数据可以使用，常用于异步数据获取
• beforeMount（）{}//未执行渲染、更新，dom未创建
• mounted（）{}//初始化结束，dom已创建，可用于获取访问数据和dom 
• beforeUnmount（）{}//销毁前，可用于一些定时器或订阅的取消
• numounted（）{}//组件已销毁，作用同上
• beforeUpdate（）{}//更新前，可用于获取更新前各种状态
• updated（）{}//更新后，所有状态已是最新