vue的生命周期详解

1.什么是vue的生命周期:

简单理解 : vue 实例从创建到销毁的过程就是 vue生命周期

2.vue的声明周期常见的主要分为4大阶段8大钩子函数 :

    一阶段:   创建     前/后

       (前) -beforeCreate  在生命周期函数执行的时候,data 和 method 还没有初始化 

       (后) -created           在生命周期函数执行的时候, data 和method 已经初始化完成

   二阶段 : 渲染    前/后 

      (前) -beforeMount   是在生命周期函数执行的时候,已经编译好了模板字符串,但还没有                                                真正渲染到页面中去。

      (后)-Mounted           是在生命周期函数执行的时候,已经渲染完,可以看到页面了

   三阶段: 数据更新   前/后

      (前) -beforeUpdate  是生命周期函数执行的时候,已经可以拿到最新的数据,但还没渲染                                                 到视图中去

      (后)-Update               是在生命周期函数执行的时候,已经把最新的数据更新后渲染到视图                                               中去了

   四阶段: 销毁   前/后

      (前) -beforeDestroy   是在生命周期函数执行的时候,实例进入准备销毁的阶段,此时                                                      data,methods,指令等还是可用状态

      (后)-Destroy               是在生命周期函数执行的时候,实例已经完成销毁,此时                                                                data,methods,指令等都不可用

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值