Vue.js入门（二）：生命周期

1 生命周期

Vue生命周期是Vue实例从创建到销毁的过程，就是生命周期。
在Vue实例的生命周期过程中会运行生命周期钩子函数。
生命周期主要有三个阶段：初始化、更新、销毁。

// 生命周期钩子函数
//初始化
beforeCreated(){}  //执行时组件实例还未创建，常用于初始化任务
created(){}  //组件初始化完毕，常用于异步数据获取
beforeMounted(){}  //未执行渲染、更新，DOM未创建
mounted(){}  //初始化结束，DOM已创建，可用于获取访问数据和DOM元素

//更新
beforeUpdated(){}  //更新前
updated(){}  //更新后

//销毁
beforeDestory(){}  //销毁前，可用于一些定时器或订阅的取消
destoryed(){}  //已销毁

...

以下来自Vue官网的图描述了生命周期的整个过程

image.png