vue2与 vue3的生命周期区别

先说vue2 的生命周期:

1.beforeCreate:
	创建之前:所有的都是undefined
2.created创建完成:
	el还是undefined,此时数据已经存在
3.beforeMount挂载之前:
	找到挂载点,但是数据还没有被解析
4.mounted挂载完成:
	找到挂载点,数据被解析,渲染页面完成.到此处就可以开发轮播图,计时器.延时器.发我ajax请求/.
5.beforeUpdate更新之前:
	数据已经是最新的,此处指的是页面再次渲染之前.
6.updated更新完成:
	数据已经是最新的,此处指的是页面再次渲染完成.
7.beforeDestroy销毁之前
8.destroyed销毁完成

vue3 的生命周期:

1、setup:----->  等价于vue2中的beforeCreate和create,如果这三个钩子同时执行,就会发现setup在beforeCreate和create之前就已经执行。
2、onBeforeMount() : 组件挂载到节点上之前执行的函数;
3、onMounted() : 组件挂载完成后执行的函数;
4、onBeforeUpdate(): 组件更新之前执行的函数;
5、onUpdated(): 组件更新完成之后执行的函数;
6、onBeforeUnmount(): 组件卸载之前执行的函数;
7、onUnmounted(): 组件卸载完成后执行的函数;
8、onActivated(): 被包含在 <keep-alive> 中的组件,会多出两个生命周期钩子函数,被激活时执行;
9、onDeactivated(): 比如从 A 组件,切换到 B 组件,A 组件消失时执行;
10、onErrorCaptured(): 当捕获一个来自子孙组件的异常时激活钩子函数。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值