一、vue生命周期执行顺序:
1、beforeCreate
在vue实例被创建时,被调用。vue实例没有完成数据的初始化,因此无法访问data中数据和methods中的方法。(那可以干啥???)
2、created
在beforeCreate执行完毕,被调用。完成了数据的初始化,data和methods可以被访问。
3、beforeMount
在vue实例被创建完成后,被调用。vue实例完成了data和methods的初始化,但是组件还没有被挂载到Dom上。
4、mounted
在beforeMount执行完毕,被调用。组件已经被挂载到了Dom上,并且可以进行Dom的操作。
5、beforeUpdate
组件初次渲染完成后,被调用。这个阶段,组件还没有进行更新,但是data中的数据已经发生了变化。
6、updated
在beforeUpdate执行完毕,被调用。组件已经完成数据更新,Dom节点重新进行渲染。
7、beforeDestroy
在组件调用$destory方法调用销毁之前,被调用。这个阶段,组件和Dom节点还没被销毁,可以进行类似关闭定时器等。
8、destroyed
在beforeDestroy生命周期执行完毕后,destoryed生命周期被调用。这个阶段组件已经被销毁,Dom节点也被移除,此时组件无法访问。