Vue面试之生命周期(上篇)
最近在整理一些前端面试中经常被问到的问题,分为vue相关、react相关、js相关、react相关等等专题,可持续关注后续内容,会不断进行整理~
Vue 组件的生命周期包括创建、挂载、更新和销毁四个阶段,每个阶段都有相应的生命周期钩子函数。以下是Vue2中组件生命周期的详细解释:
创建阶段
beforeCreate
该生命周期发生在实例初始化之后、数据观测(data observer)和event/watcher事件配置之前被调用;也就是说在这个阶段,可以访问到Vue实例,但是拿不到data中的数据以及事件;
created
在这个阶段,Vue实例完成了数据观测和事件的设置,因此可以访问到data数据以及事件等;但是由于组件还未挂载到Dom中,因此拿不到Dom元素(不能进行Dom操作);
挂载阶段
beforeMount
在这个阶段,Vue实例已经完成了模板的编译(已经被编译为虚拟Dom),但是尚未将虚拟Dom挂载到实际的Dom元素上;
由于此阶段在组件挂载之前调用,因此可以在此处进行一些只需要执行一次的初始化工作;<