Vue加载生命周期的理解

Vue2生命周期的加载 Vue2首次加载的生命周期Vue2组件更新后的生命周期

Vue2首次加载的生命周期

beforecreate: 把vue实例初始化，数据方法还没有加载
created: 已经加载数据方法
beforemount: 模板数据已经编译
mounted: 渲染视图
前面四个是组件初始化加载经过的生命周期函数
beforupdate: 没有修改数据
update: 修改之后
beforedestroy: 组件销毁之前
destroy: 销毁组件 这个经常用于切换各个组件销毁定时器

setInterval(()=>{},1000)建议使用箭头函数因为可以保持上下文this一致

Vue2组件更新后的生命周期

问题：Vue的父组件和子组件生命周期钩子函数执行顺序？
解析：Vue的父组件和子组件生命周期钩子函数执行顺序归类为以下 4 部分：
加载渲染过程 : 父 beforeCreate -> 父 created -> 父 beforeMount -> 子 beforeCreate -> 子 created ->子 beforeMount -> 子 mounted -> 父 mounted
子组件更新过程 : 父 beforeUpdate -> 子 beforeUpdate -> 子 updated -> 父 updated
父组件更新过程 : 父 beforeUpdate -> 父 updated
销毁过程 : 父 beforeDestroy -> 子 beforeDestroy -> 子 destroyed -> 父 destroyed