Vue实例的生命周期

什么是生命周期

从Vue实例创建，运行，到销毁期间，总是伴随着各种各样的事件，这些事件统称为生命周期

生命周期钩子

生命周期钩子就是生命周期事件的别名
生命周期钩子 = 生命周期函数 = 生命周期事件

主要生命周期的函数分类

• 创建期间的生命周期函数：
  1、beforeCreate：实例刚被创建出来，此时还没有初始化好data和methods属性
  2、created：实例已经创建好了，data和methods已经创建好，此时还没有开始编译模板
  3、beforeMount：完成了模板的编译，但还没有挂载到DOM节点
  4、mounted：已经将编译好的模板，挂载到了页面指定的容器中显示
• 运行期间的生命周期函数：
  1、beforeUpdate：状态更新前，此时data中的状态时最新的，但是界面显示的还是旧的，因此还没有重新渲染DOM节点
  2、update：实例更新完毕之后，此时data中的状态值和界面显示的数据，都已经完成了更新，界面已经被重新渲染好
• 销毁期间的生命周期函数 ：
  1、beforeDestroy：实例销毁之前调用，实例仍然可用
  2、destroyed:实例销毁后调用。调用后，Vue实例指示的所有东西都会解绑定，所有的事件监听器会被移出，左右的子实例也会被销毁