欢迎关注公众号
前端交流

beforecreate把vue实例初始化,数据方法还没有加载
created已经加载数据方法
beforemount模板数据已经编译
mounted渲染视图
前面四个是组件初始化加载经过的生命周期函数
beforupdate没有修改数据
update修改之后
beforedestroy组件销毁之前
destroy销毁组件 这个经常用于切换各个组件销毁定时器
setInterval(()=>{},1000)建议使用箭头函数因为可以保持上下文this一致

2020-12-17更新组件生命周期

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