Vue的生命周期

vue实例从创建到销毁的过程就是生命周期。vue框架内置的函数（钩子函数），随着生命周期自动执行，分为以下四个阶段，包含八个钩子函数。

一、初始化阶段

1. beforeCreate()
   • 执行机制：new Vue()以后, vue内部给实例对象添加了一些属性和方法, data和methods初始化"之前"。
2. created()
   • 使用场景: 网络请求, 注册全局事件。
   • 执行机制：data和methods方法初始化以后。

二、挂载阶段

3. beforeMount()
   • 使用场景: 预处理data, 不会触发updated钩子函数。
   • 执行机制：真实DOM挂载之前。
4. mounted()
   • 使用场景: 挂载后真实DOM。
   • 执行机制：真实DOM挂载以后。

三、更新阶段

5. beforeUpdate()
   • 前提: 数据发生改变之后
   • 执行机制：更新之前。
6. updated()
   • 使用场景: 获取真实DOM。
   • 执行机制：更新之前。

四、销毁阶段

7. beforeDestroy()
   • 使用场景: 获取真实DOM。
   • 执行机制：更新之前。
8. destroyed()
   • 执行机制: v-if=“false” 销毁Vue实例。
   • 使用场景：移除全局事件, 移除当前组件, 计时器, 定时器, eventBus移除事件$off方法。