Vue的生命周期

beforeCreate:
这是第一个生命周期函数,表示实例被完全创建出来之前,会执行他
在beforCreate生命周期函数执行的时候,data和methods中的数据还没有被初始化


Created:
这是第二个生命周期函数,在Created中data和methods都已经被初始化好了
如果要调用methods中的方法或操作data中的数据,最早只能在Created中操作


beforeMount:
这是第三个生命周期函数,表示模板已经在内存中编译完成了,但是尚未把模板渲染到页面中去


mounted:
这是遇到的第四个生命周期函数,表示内存中的模板,已经真实的挂载到了页面中,用户已经可以看到渲染好的页面了

mounted是实例创建期间最后的一个生命周期函数,当执行完mounted就表示,实例已经被完全创建好了,此时,如果没有其他操作的话,这个实例,就静静的躺在内存中 ,一动不动

如果要通过某些插件操作页面中的DOM节点,最早要在mounted中进行

只要执行完了mounted,就表示 整个Vue实例已经初始化完毕了,此时 组件已经脱离了创建阶段 进入到了运行阶段


beforeUpdate:
这个时候,表示我们的界面还没有被更新(当然数据肯定是更新了,数据更新了才调用beforeUpdate)
当执行beforeUpdate的时候,页面中的数据,还是旧的,此时Data数据是最新的,页面尚未和最新的数据保持同步


Update:
update事件执行的时候,页面和data数据已经保持同步了,都是最新的


beforeDestroy:
当执行beforeDestory钩子函数的时候,Vue实例就已经从运行阶段进入到销毁阶段,实例身上所有的Data和所有的methods以及过滤器、指令等 ,还处于可用状态,此时,还没有真正的执行销毁的过程

Destroy:
当执行到Destroy函数的时候,组件已经完全被销毁了,此时,组件中所有的数据,方法,指令,过滤器等都已经不可用了在这里插入图片描述

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值