Vue生命周期函数

beforeCreate():第一个声明周期函数,表示实例被完全创建好之前执行
//注意:在beforeCreate()执行之前,date和methods都没还没有初始化;

created():第二个生命周期函数,表示date和methods都已初始化完;
//注意:如果想要执行date和methods的里面数据和方法最早只能在create中执行;

beforeMount():第三个生命周期函数,表示模板已经在内存中进行编译
//注意:此时模板还未挂载在页面中去;

mounted():第四个生命周期函数,表示模板已经成功渲染到页面中
//注意:如果要通过某些插件来操作页面上DOM节点,最早要在mounted中执行;
//mounted()是实例创建期间最后一个生命周期函数,当执行完mounted后,说明实例已经创建好了;

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

beforeUpdate(): 当data中的数据修改后就会执行beforeUpdate(),也就说明代码进行到这里说明data数据已经被修改了;
//当执行beforeUpdate()时,页面还是保留的原有元素数据,而date中的数据已经更新了;

updated():当update()执行时说明页面和data数据已经保持同步一致了;

销毁阶段
beforeDestroy():数据还没有被真正销毁;

        	destroed():数据实例已经被完全销毁;
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值