vue生命周期总结

xiaoxiao2021-02-28  46

当Vue实例话以后要经历三个阶段:创建,编译,和销毁。

其生命周期的钩子是这样子的:


1-init 在实例初始化的时候同步调用(此时数据观察,事件和watcher都尚未初始化)


2-created 在实例创建之后同步调用(此时实例已经结束了解析,数据绑定属性,方法,watcher、事件回调已经建立。但是DOM编译还没有开始,$el还不存在)


3-beforeCompile 在编译开始前调用


4-compiled 在编译结束后调用(此时的指令已经生效,因而数据变化将触发DOM更新,但是$el已经插入文档)


5-ready 在编译结束以后和$el 第一次插入到文档之后调用(如在第一次aatched钩子之后调用)


6-attached 在vm.$el插入DOM时调用(必须由指令或者实例方法插入)


7-detached 在vm.$el从DOM中删除时调用(必须由指令或实例方法删除)


8-beforeDestory 在开始销毁实例前调用(此时实例仍然有功能)


9-destoryed 在实例被销毁以后调用(此时所有绑定和实例指令已经解绑,所有的实例已经被销毁)

转载请注明原文地址: https://www.6miu.com/read-37161.html

最新回复(0)