vue 生命周期

概念

生命周期是一个组件从创建到销毁的过程。

vue 生命周期有四个阶段

创建->挂载->更新->销毁

beforeCreate 创建前：

实例以初始化，data和$el还没有。

created 创建后：

data 初始化完成，但 $el 还没有。

beforeMount 挂载前：

$el 已生成，但dom 还没有挂载，不能获取dom

mounted 挂载后：

dom 以挂载，可以正常获取dom，我们一般在这里发送ajax请求。

beforeUpdate 更新前：

可以访问现有的 DOM，比如手动移除已添加的事件监听器。

updated 更新后：

可以执行依赖于 DOM 的操作。然而在大多数情况下，你应该避免在此期间更改状态。如果要相应状态改变，通常最好使用计算属性或 watcher 取而代之。

beforeDestroy 销毁前：

实例仍然可以用，Vue 实例的所有指令还没有被解绑，所有的事件监听器还可以用。。

destroyed 销毁后：

对应 Vue 实例的所有指令都被解绑，所有的事件监听器被移除，所有的子实例也都被销毁。

errorCaptured当捕获一个来自子孙组件的错误时被调用。

在使用keep-alive缓存组件时，被缓存的组件会添加两个构子函数
activated 被 keep-alive 缓存的组件激活时调用。
deactivated被 keep-alive 缓存的组件停用时调用。

这时该组件的生命周期执行顺序：

创建->挂载->更新->组件激活->销毁