Vue生命周期

Vue生命周期

每个Vue实例或组件从创建到显示再到废弃的过程就是vue的生命周期。很多时候我们希望能在这个过程中执行一些操作，于是就有了生命周期钩子。生命周期钩子函数允许我们在实例不同阶段执行各种操作，便于我们更好地控制和使用实例。

• 创建
  • beforeCreate(){}：实例刚被创建出来，此时还没有初始化好data和methods
  • created(){}：实例的data和methods已经初始化，此时还没有开始编辑模板，接下来开始编辑模板.
  • beforeMount(){}：完成了模板编译，但还没有挂载到页面中,即访问节点时没有任何变化
  • mounted(){}：用编译好的模板替换到界面上原有的内容，已经可以拿到界面上渲染后的内容
• 运行
  • beforeUpdate(){}：保存的数据被修改了调用了beforeUpdate，数据已经更新了，但界面还没有同步
  • updated(){}：在调用updated时，表示Vue实例中保存的数据被修改了，并且界面也同步了修改的数据
• 销毁
  • beforeDestroy(){}：实例准备销毁，但还未被销毁，只要组件没有被销毁，但是beforeDestroy不会被调用，beforeDestroy是我们最后调用data和methods
  • destroy(){}：在调用destroy()，表示已经完全销毁了，销毁后调用方法，此事不要再操作组件和方法