Vue——生命周期

这篇博客详细介绍了Vue组件的生命周期,包括beforecreated、created、beforemounted、mounted等各个阶段的执行情况,强调了在created和mounted中请求数据的区别,以及父子组件生命周期的交互。在created时,data和methods已初始化,但在mounted时,组件才真正渲染到页面,适合进行DOM操作。
摘要由CSDN通过智能技术生成

一.概念

生命周期事件(钩子),组件创建,更新,销毁的过程

二.生命周期函数

1. beforecreated(){}

实例创建前执行它
在执行时,data methods中的数据都没有初始化呢

2. created(){}

此时,data methods已初始化
所以: 若要调用methods或操作data最早只能在created中执行

3. beforemounted(){}

模板已在内存中编译完成,但尚未渲染到页面中
执行的时候,页面中的元素未被真正替换过来,知识一些模板字符,
eg打印的是*{ {name}}*这种形式

4. mounted(){}

内存中的模板已真实挂载至页面,用户可以看见已经渲染好的页面啦
它是实例创建期间最后一个生命周期函数,如果没有后续操作,该实例会一直存在于内存中

----------------------------至此,组建创建阶段over--------------

运行阶段:

5. beforeupdated()

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值