Vue生命周期
sonder 大杯

vue生命周期

过程 钩子函数
==Vue()== 初始化实例,创建新的实例
==Init Events & lifecycle== 初始化所有的监听事件+生命周期钩子,初始化所有的数据观测和加载相应的事件
==beforeCreated()== 实例初始化后,数据观测,事件配置都还没有生效
==created()== 此时数据可观测,事件配置,但是==el==还没有被挂载
==beforeMount()== 此刻==el==挂载了,但是里面的数据没有更新
==mounted()== 挂载后,此刻可以看到页面数据更新
==beforeUpdate()== 数据更新时调用该钩子,发生在DOM打补丁之前
==updated()== 数据更改导致虚拟DOM重新渲染和打补丁,在这之后会调用该钩子
==beforeDestroy()== 实例销毁之前调用,在这时实例仍然可用
==destroyed()== 实例销毁后调用,这时实例所绑定的事件,数据监听都将解绑。

tips: 执行销毁是this.$destroy(),在执行销毁后,与数据相关的绑定全部解绑,但是事件依然可以触发;

  • 本文标题:Vue生命周期
  • 本文作者:sonder
  • 创建时间:2019-07-11 08:22:06
  • 本文链接:https://sonderss.github.io/2019/07/11/Vue生命周期/
 评论