生命周期的简单理解
这个生命周期哈,字面上理解就是 生命在空间内的一个存在到不存在的过程。是每一个生命体都具有的属性。
那么在前端这一行的生命周期,其实也大差不差,最早提出生命周期的就是react框架,react框架里面提出的生命周期是仿照人的生命周期来形成的,人的生命周期大致可以分为三部分,第一部分就是人的出生,也叫生命的诞生;第二部分叫人的成长,不断地成长,也叫生命的过程;第三部分叫人的死亡,也叫生命的覆灭或者消失。而react的生命周期则是分为三个阶段,第一阶段是初始化阶段,即把组件第一次在DOM树中进行渲染,第二阶段是更新阶段,即组件的再一次渲染过程,第三阶段是销毁阶段,即组件从DOM中删除的过程。
除了react另一个我知道的生命周期就是vue中的生命周期,它分为
beforecreate,created,beforemount,mounted,beforeupdate,updated,beforedestroy,destroyed.它们分别代表实例初始化,实例已经创建完成后被调用,在挂载开始之前被调用,挂载挂载完成和调用钩子,数据更新时调用,由于数据更新之后调用的钩子,实例销毁前调用,销毁后调用。
1.beforeCreate钩子函数(通常用来做loading图的展示)
2.created
3.beforemount (挂载前,可以取到$el,实例的数据没有被解析)
4.mounted (挂载后,请求数据,关loading图,实例的数据已经解析出来了)
5.beforeupdate (更新数据前,只是数据)
6.updated (更新数据后,视图经过渲染,就是数据渲染后展示的)
7.beforeDestroy (组件销毁)
8.destroyed (实例解除了绑定,但DOM元素还存在)