vue生命周期

1. vue生命周期

 - 什么是生命周期？

  --vue生命周期就是vue的实例对象从创建到销毁的过程

 2. 其中分为四个阶段，八个钩子函数

  （1） 创建阶段

         - beforeCreate 创建前

          - created 创建后 此时数据准备好了 我们可以在这个时候去发送ajax请求

  （2）挂载

          - beforeMount 挂载前

          - mounted 挂载后 此时视图准备好了 我们可以使用ref来获取视图中的dom 到这个时候，vue组件实例算           真正初始化完成 前面这二大阶段只会执行一次

  （3）更新   当有数据的值变化的时候，此时会进入到更新阶段，这个阶段会反复执行只要数据有变化

　　　- beforeUpdate 更新前 数据已经是最新的，但是视图还是旧的

　　    - updated 更新后 数据和视图都已经变成最新的

　（4） 销毁

　　   - beforeDestroy 销毁前 在这个阶段我们可以做一些清理性的工作，比如清除当前组件中开启的定时器 卸            载在当前组件中绑定的DOM事件(addEventListener)

　　   - destroyed 销毁后

 

3. 缓存组件keep-alive相关的两个钩子（演示）

　　- activated 激活

　　- deactivated 失活

　　　--- 因为加了keep-alive 8个钩子初始化只会执行一次后面就不会执行了，销毁钩子永远也不会执行