Vue生命周期钩子函数

 在Vue中有一种函数，它只能被动调用，调用的条件取决于Vue的生命周期，所以命名为生命周期钩子函数。

Vue的生命周期

基础四个阶段，八个方法

1. 创建
2. 挂载
3. 更新
4. 销毁

阶段	方法名	方法名
初始化	beforeCreate（创建前）	created（创建后）
挂载	beforeMount（挂载前）	mounted（挂载后）
更新	beforeUpdate（更新前）	updated（更新后）
销毁	beforeDestroy（销毁前）	destroyed（销毁后）

下图为完整执行路径：

activated

 当keep-alive组件被激活时触发

deactivated

当keep-alive组件内容失活的时候触发

beforeUnmount（与beforeMount相对）

当卸载组件之前调用

unmounted（与mounted相对）

卸载组件实例后调用。调用此钩子时，组件实例的所有指令都被解除绑定，所有事件侦听器都被移除，所有子组件实例被卸载。

errorCaptured

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

renderTracked

跟踪虚拟 DOM 重新渲染时调用。钩子接收 debugger event 作为参数。此事件告诉你哪个操作跟踪了组件以及该操作的目标对象和键。

renderTriggered

当虚拟 DOM 重新渲染被触发时调用。和renderTracked 类似，接收 debugger event 作为参数。此事件告诉你是什么操作触发了重新渲染，以及该操作的目标对象和键。