vue的生命周期

beforeCreate 创建之前 是指Vue组件实例对象被创建之前(能拿到数据 拿不到DOM节点

created 创建之后 是指Vue组件实例对象(虚拟DOM对象)被创建之后(能拿到值,可以初始化数据,因为是undefind,能赋值但是会报错)如果要处理数据,可以在created生命周期处理

beforMount 挂载之前 是指Vue组件(虚拟DOM节点)挂载到DOM树上,不能拿到dom节点

mounted挂载之后【可使用dom节点:主要是用来做可视化节点(D3.js、highChart.js、ht.js)】,经典应用场景:echarts初始化挂载之后能拿到dom节点:

(因为是挂载之后,有一点性能问题,每次初始化会导致触发生命周期(数据二次触发),解决方法:把初始化写到created里面 dom节点处理放在mounted里面)

beforeUpdate 更新生命周期:2条件:1、必须是数据在完成初始化之后的数据更新数据2、更新的数据必须与虚拟dom(VDom)有关系进行绑定

在编辑页面可以使用这个生命周期来监听数据变化,如果有变化,在页面没有进行保存之前离开,可以提示用户,提高系统可用性

update更新之后

beforeDestroy销毁之前: 因为在销毁之前可以获取到虚拟节点,可以进行事件解绑,echarts销毁,定时器销毁 能获取到data中定义的数据 不能获取到dom节点

destroyed销毁之后:不能获取到data中定义的数据 不能获取到dom节点

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值