vue八大生命周期

vue八大生命周期

从Vue实例创建、挂载、更新、到销毁期间，总是伴随着各种各样的事件，这些事件统称为生命周期。而生命周期中的各种事件被称为生命周期钩子函数。

创建阶段：第一次页面加载的时候执行（一次性）

• beforeCreate 创建前
• created 创建后

挂载阶段：第一次加载的时候执行（一次性）

• beforeMount 挂载前
• mounted 挂载后
  当组件被展示在html中的时候。用于自动发起请求等操作。

更新阶段

无论是自己还是父级组件，当data或props的数据被修改时触发
该阶段函数中，不可以修改data数据

• beforeUpdate 更新前
• uptated 更新后

销毁阶段

当父组件使用v-if控制当前组件不显示时，意味着该组件被销毁

• beforeDestroy 销毁前（用于清理销毁全局变量、垃圾数据，比如定时器）

• destroyed 销毁后

面试中常见问题

在项目中父子组件之间的生命周期的顺序？

父子组件的生命周期中，首先走父组件的生命周期，当父组件的生命周期走完beforeMount（挂载前）这个函数时，就会走子组件的生命周期，当子组件挂载完成后（执行完mounted）父组件再挂载dom节点。

下面附上一张vue官网上的一张生命周期图及注释