Vue2生命周期

生命周期钩子

 官网：每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。

图示：

1、beforeCreate（创建前）

描述：在实例初始化之后,进行数据侦听和事件/侦听器的配置之前同步调用。

2、created（创建后）

描述：在实例创建完成后被立即同步调用。

3、beforeMount（挂载前）

描述：在挂载开始之前被调用

4、mounted（挂载后）

描述：实例被挂载后调用

5、beforeUpdate（更新前）

描述：在数据发生改变后，DOM 被更新之前被调用。

6、updated（更新后）

描述：在数据更改导致的虚拟 DOM 重新渲染和更新完毕之后被调用。

7、activated

描述：被 keep-alive 缓存的组件激活时调用。

8、deactivated

描述：被 keep-alive 缓存的组件失活时调用。

9、beforeDestroy（销毁前）

描述：实例销毁之前调用。在这一步，实例仍然完全可用。

10、destroyed（销毁后）

描述：实例销毁后调用。该钩子被调用后，对应 Vue 实例的所有指令都被解绑，所有的事件监听器被移除，所有的子实例也都被销毁。

11、errorCaptured

描述：在捕获一个来自后代组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。此钩子可以返回 false 以阻止该错误继续向上传播。