本文转自:https://segmentfault.com/a/1190000011381906

1. 生命周期是什么？

Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲染、更新 -> 渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。

2. 各个生命周期的作用

生命周期	描述
beforeCreate	组件实例被创建之初，data 和 methods 中的数据还没有初始化
created	组件实例已经完全创建，data 和 methods 都已经初始化好了
beforeMount	模板渲染，相关的 render 函数首次被调用，模板已经在内存中编译好了，但是尚未挂载到页面中去
mounted	el 被新创建的 vm.el 替换，真是 dom 已经生成，el替换，真是dom已经生成，el 可用，组件脱离创建阶段，进入运行阶段
beforeUpdate	组件数据更新之前调用， 此时页面中显示的数据还是旧的，但 data 是最新的，页面尚未和最新的数据保持同步
update	组件数据更新之后，页面和 data 数据已经保持同步，都是最新的
beforeDestory	组件销毁前调用，vue 实例从运行阶段进入到销毁阶段，这时 vue 实例身上所有都可用，还没有真正执行销毁
destoryed	组件销毁后调用，vue 实例上的所有都不可以用了
activited	keep-alive 专属，组件被激活时调用，
deactivated	keep-alive 专属，组件被销毁时调用，