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.图解
看到了一个特别好的图解分析,这里分享给大家
该图来自于:
30 道 Vue 面试题,内含详细讲解