对于生命周期的简单理解

生命周期的简单理解

这个生命周期哈,字面上理解就是 生命在空间内的一个存在到不存在的过程。是每一个生命体都具有的属性。
那么在前端这一行的生命周期,其实也大差不差,最早提出生命周期的就是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元素还存在)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值