vue八大生命周期
从Vue实例创建、挂载、更新、到销毁期间,总是伴随着各种各样的事件,这些事件统称为生命周期。而生命周期中的各种事件被称为生命周期钩子函数。
创建阶段:第一次页面加载的时候执行(一次性)
- beforeCreate 创建前
- created 创建后
挂载阶段:第一次加载的时候执行(一次性)
- beforeMount 挂载前
- mounted 挂载后
当组件被展示在html中的时候。用于自动发起请求等操作。
更新阶段
无论是自己还是父级组件,当data或props的数据被修改时触发
该阶段函数中,不可以修改data数据
- beforeUpdate 更新前
- uptated 更新后
销毁阶段
当父组件使用v-if控制当前组件不显示时,意味着该组件被销毁
-
beforeDestroy 销毁前(用于清理销毁全局变量、垃圾数据,比如定时器)
-
destroyed 销毁后
面试中常见问题
在项目中父子组件之间的生命周期的顺序?
父子组件的生命周期中,首先走父组件的生命周期,当父组件的生命周期走完beforeMount(挂载前)这个函数时,就会走子组件的生命周期,当子组件挂载完成后(执行完mounted)父组件再挂载dom节点。
下面附上一张vue官网上的一张生命周期图及注释