Vue生命周期

beforeCreated: 当这个钩子函数被触发时,Vue实例刚刚初始化,data内property还没有挂载到实例对象上,所以Vue的响应式系统 Watcher 内还未添加属性

created:当这个钩子函数被触发时,data内的property已经挂在到Vue实例上,即是说 Watcher 内已经挂在了响应式数据,但是模板尚未渲染

beforeMounted:当这个钩子函数被触发时,虚拟DOM结构已经构建出来,但是 Watcher 还没有将响应式数据渲染到对应位置

mounted:当这个钩子函数被触发时,组件自身的实际DOM结构已经渲染完毕,但是不保证子组件渲染完毕;若想确保子组件渲染成功之后在执行操作,使用 $nextTick(…) 方法

beforeUpdate:当这个钩子函数被触发时,Watcher内以及Vue实例上的对应property都已经变更,但是更新后的property还没有重新渲染到DOM结构之上

updated:当这个钩子函数被触发时,新一轮的DOM重绘已经完成,不保证子组件已经被重绘

beforeDestroyed:Vue实例被销毁之前调用

destroyed:Vue实例被销毁之后调用

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值