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
当子孙组件出错时,会调用这个钩子函数。