vue 生命周期

1、beforeCreate 创建实例之前

  在new一个vue实例后，只有一些默认的生命周期钩子和默认事件。在beforeCreate生命周期执行的时候，data和methods中的数据都还没有初始化。

2、created 创建实例成功

  data和methods都已经初始化好了，如果要调用methods中的方法，或者操作data中的数据，最早可以在这个阶段中操作。

3、beforeMount 渲染DOM之前

  执行到这个钩子的时候，在内存中已经编译好模板了，但是还没有挂载到页面中。

4、mounted 渲染DOM成功

  执行到这个钩子的时候，就表示Vue实例已经初始化完成了。此时组件脱离了创建阶段，操作页面上的DOM节点，最早可以在这个阶段进行。

5、beforeUpdate 重新渲染之前

  当执行这个钩子时，页面中显示的数据还是旧的，data中的数据是更新后的，页面和最新的数据还没有同步。

6、updated 重新渲染成功

  页面显示的数据和data中的数据已经保持同步了。

7、disDestroy 销毁之前

  Vue实例进入销毁阶段，这个时候所以的data和methods，指令......都处于可用状态。

8、destroyed 销毁完成

  组件销毁，data和methods，指令.......不可用。

当keep-alive缓存组件才会有的生命周期的钩子函数。

1、activated

   当缓存组件有被显示出来时，会触发这个钩子函数。

2、deActivated

  当缓存的组件隐藏时，会触发这个钩子函数。

当子孙组件出错时，会调用的钩子函数

1、errorCaptured

  当子孙组件出错时，会调用这个钩子函数。