Vue2.0生命周期详细的描述

本文详细阐述Vue2.0的生命周期,从实例化到销毁的每个阶段,包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed。介绍了实例化过程中的初始化事件、生命周期和render函数,以及数据初始化和模板编译成render函数的过程。通过生命周期图辅助理解,并提及如何在不同阶段操作DOM和数据更新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 生命周期是什么

在官网中我们可以看到这一段定义:每一个vue实例从创建到销毁的过程,就是这个vue实例的生命周期。在这个过程中,他经历了从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。


表述

了解之前,我们先贴上一张翻译过后的生命周期图,从图上,我们再一步一步来理解vue生命周期,:如想要原图就去官网可以找到

在这里插入图片描述

 详细描述

  1.  new Vue()实例化一个vue实例,然后init初始化event lifecycle, 其实这个过程中分别调用了3个初始化函数(initLifecycle(), initEvents(), initRender()),分别初始化了生命周期,事件以及定义createElement函数,初始化生命周期时,定义了一些属性,比如表示当前状态生命周期状态得_isMounted ,_isDestroyed ,_isBeingDestroyed,表示keep-alive中组件状态的_inactive,而初始化event时,实际上就是定义了
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值