vue生命周期

Posted 2021-02-06 yuanguliang

//beforeCreate:在实例加载的时候调用，数据观测和事件等尚未开始初始化。

//created：在实例加载完成之后调用，此时所有事件和数据监测都已经绑定。但是DOM尚未是初始化。

//beforeMount:在DOM加载时调用，此时所有指令尚未生效，数据变化还不能触发DOM更新。

//Mounted：在编译结束时调用，此时所有指令都已生效，数据变化已能触发DOM更新，但不保证$el已插入文档。

//beforeDestroy：在实例销毁时调用，此刻实例仍然有效。

//destroyed：在实例销毁之后调用。此时所有绑定和实例指令都已经解绑，子实例也被销毁。

//beforeUpdate:在实例挂载之后，再次更新实例（eg：更新data时 ）会调用此方法，

//此时尚未 更新DOM结构。

//updated：实例挂载之后，再次更新病更新完DOM结构后调用。

//activated:需要配合keep-live使用，在动态组件初始化渲染过程中调用该方法

//deactivated:配合keep-live组件使用，在动态组件移出的过程中调用该方法。