Vue的生命周期

图片来自官网

Vue 实例 — Vue.js

         Vue实例从创建到销毁的过程就是它的生命周期,也就是它从开始创建到初始化数据、编译模板、挂载dom、然后渲染、更新、卸载等一系列的过程称为vue的生命周期,它的生命周期一般分为8个阶段,创建前后、载入前后、更新前后以及销毁前后。

        创建前后主要是两个生命周期,一个是created一个是beforeCreate,beforeCreate是组件实例刚刚被创建,它获取不到props或者data里面的数据,这些数据的初始化都是在initData中。

        created是在被创建完成之后调用,可以访问到之前不能访问到的数据,但是组件还没有被挂载,也就是还没有在页面上渲染出来,

        然后第三个就进入到beforeMount,挂载开始之前被调用,

        然后到mounted,mounted这个生命周期就是dom节点开始被渲染到文档类,一些需要dom操作就可以在mounted里面进行,

        然后到了beforeUpdate,是数据更新时的调用,发生在虚拟dom重新渲染之前,在这个钩子中呢进一步更改状态不会触发附加的重复渲染过程,

        然后进入到updated,updated生命周期是组件dom已经更新,可以执行依赖于dom的操作但应该避免在此期间更改状态,有可能会导致更新无限循环,

        然后进入beforeDestroy,在实例销毁周期调用,实例仍然可以调用

        destroyed是实例销毁后调用,调用后呢Vue实例的所有东西都会解绑,事件监听器也会被移除,所有子实例也会被销毁,该钩子在服务器端渲染期间不被调用

        以上就是Vue8个生命周期的简述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值