当前位置:   article > 正文

vue八大生命周期

vue八大生命周期

vue八大生命周期

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

创建阶段:第一次页面加载的时候执行(一次性)

  • beforeCreate 创建前
  • created 创建后

挂载阶段:第一次加载的时候执行(一次性)

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

更新阶段

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

  • beforeUpdate 更新前
  • uptated 更新后

销毁阶段

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

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

  • destroyed 销毁后

在这里插入图片描述

面试中常见问题

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

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

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

这张图是根据官网图片加上的文字注释内容

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/98690
推荐阅读
  

闽ICP备14008679号