什么是生命周期函数？

## 1.什么是生命周期函数

生命周期函数 又叫钩子函数 是到了某一个时间点会自动触发

我们讨论的是 vue 实例的钩子函数 从 vue 实例创建到销毁的过程中 到了一定的时间节点就会触发

## 1.1 生命周期函数有哪些

创建阶段

- beforeCreate

  实例创建之前 这个时候什么都没有 data methods 都不能用 也没有 this

- created

  创建之后 也是最早的可以使用 data 和 methods 的钩子函数 这个时候有 this 了

- beforeMount 组件挂载之前

- mounted 组件挂载之后

  这个时候能拿到 dom 节点使用

运行阶段 只要修改 data 就会触发

- beforeUpdate

  数据变了 视图还没变

- updated

  数据变了 视图也变了

销毁阶段

- beforeDestory

  组件销毁之前 是最后一个能使用 data 和 methods 的钩子函数

- destoryed

  组件销毁之后

除了这八个 还有 三个

如果用 keep-alive 缓存了组件 就会有 actived deactived 这两个钩子函数

activated 组件激活

deactivated 组件停用

errorCaptured 子组件出错的时候会触发这个钩子函数