Vue生命周期

一、Vue生命周期

1. 又名：生命周期回调函数、生命周期函数、生命周期钩子。
2. 是 Vue在关键时刻帮我们调用的一些特殊名称的函数。
3. 生命周期函数的名字不可更改，但函数的具体内容是编程时根据需求编写的。
4. 生命周期钩子的 this 上下文指向调用它的 Vue 实例。

【生命周期图示】

二、八个生命周期钩子

• 创建
  beforeCreate（创建前）/ created（创建后）

• 挂载
  beforeMounted（挂载前）/ 【重要】 mounted（挂载后）

• 更新
  beforeUpdate（更新前）/ updated（更新后）

• 销毁
  【重要】 beforeDestroy（销毁前）/ destroyed（销毁后）

常用生命周期钩子：

1. mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】。
2. beforeDestroy：清除定时器、解绑自定义事件、取消订阅消息【收尾工作】。

关于销毁 Vue实例：

1. 销毁后借助 Vue 开发者工具看不到任何信息。
2. 销毁后自定义事件会失效，但原生 DOM 事件依然有效。
3. 一般不会在 beforeDestroy 操作数据，因为即使操作数据，也不会触发更新流程了。