P49_生命周期——挂载流程

文章详细阐述了Vue组件的生命周期,从beforeCreate到Creat阶段,再到基于el和template配置的处理。接着讨论了销毁流程,包括beforeDestroy和Destroy两个阶段,指出即使销毁后页面渲染结果仍然存在,但Vue实例在开发者工具中不可见。文章总结了Vue的八个关键生命周期钩子,强调了mount和beforeDestroy的重要性。

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

视频资料来源:

<iframe src="//player.bilibili.com/player.html?aid=804122638&bvid=BV1Zy4y1K7SH&cid=373305851&page=49" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

 正文:

  第一个生命周期函数:beforeCreate:此时还没有开始对vue进行编译。因此在这个函数里面输出this(也就是vue本身),无法找到vue的配置项目(也就是data里面的东西)。

第二个生命周期:Creat:此时则可以找到vue的配置项目。

之后:进入菱形的方块,表示判断。看是否有el的配置项。

成功后进入下一步:通过template配置项来判断是否应该包含el绑定的块。

 接下来的步骤在上图中有描述。依此是生命周期的更新流程。还有下图的生命周期的销毁流程。

 P51:vue_生命周期_销毁流程。

见上图:函数名称是beforeDestroy()和Destroy(),在销毁vue以后(destroy()函数执行后),其参与的页面渲染成果并不会消失。并且在开发者工具中的vue栏中,找不到相关的vue。

p52:vue_生命周期)_总结;

总计有八个钩子:分别是creat两对,mount两对

updata两对,destroy两对,最常用的mount和beforeDestroy。

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值