关于Vue生命周期的学习笔记

首先，我们来看图

 

 

 

       在Vue的生命周期中，能够操作的只有调用钩子函数，也就是中途可以触发的事件。

       在初始实例化之前，也就是beforeCreate（）时，数据data和事件方法methods还未绑定到APP对象上，在created（）时数据data和方法methods才绑定到应用对象APP上，总的来说，在beforeCreate（）到created（）之间的操作就是将数据和方法绑定到应用对象APP上。

 

 

 

       在beforeMount（）渲染之前，准备将数据渲染在视图上，document.querySelector(“获取类名”)，此时根据数据生成的DOM对象是获取不到的。在mounted（）将数据渲染在视图上，才可以获取数据生成的DOM对象。此时可称为渲染完成或者挂载完成。即beforeMount（）和mounted（）之间的操作是将数据渲染在视图上。

 

 

 

       在数据data被修改时，会触发以下两个事件，这里的事件跟前面的beforeCreate()和create()相似，数据更改前是获取不到类名或对象的，在updated之后才能获取到对象。beforeUpdate（），数据更改，但内容未更改之前。而updated（），内容已更新完毕，此时可以获取到对象。

 

 

 

       beforeDestroy()，是在摧毁实例前调用，此时实例还没有摧毁。直到destroyed（），在实例摧毁后调用，调用该钩子后，对应的Vue实例所有的指令都被解绑，所有的事件监听器被移除，所有的子实例也都被销毁。