vue生命周期理解

1.Vue生命周期是什么?

Vue实例在被创建时,会经历一系列的初始化过程:从开始创建-》初始化数据=》编译模板=》实例挂载DOM=>渲染,更新=》渲染,卸载,这个过程我们称为vue生命周期,同时在这个过程中会运行一些叫做生命周期钩子函数。

2.生命周期钩子函数都有哪些?

  • beforeCreate:组件实例创建之前,这个阶段data和methods还未初始化;
  • created:组件实例化创建,属性绑定,但是真实DOM还未生成,$el不可用,data和methods初始化完成,可以在这个阶段调用方法和操作data数据。
  • beforeMount:挂载之前,模板已经编译,还未挂载到页面中
  • mounted:el被vm.$el所代替,并挂载到实例上。这个时候整个初始化完毕
  • beforeUpdate:数据更新之前
  • Updated :数据更新之后
  • beforeDestroy:组件销毁之前
  • destroyed:组件销毁之后
  • activated:keep-alive 专属,组件被激活时调用
  • deactivate : keep-alive 专属,组件被销毁时调用

3.图解
看到了一个特别好的图解分析,这里分享给大家


vue.png

该图来自于:
30 道 Vue 面试题,内含详细讲解

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容