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生命周期理解_第1张图片
vue.png

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

你可能感兴趣的:(vue生命周期理解)