vue探索 ————八大周期钩子函数

首先是官方文档上的图解 下面是执行顺序

 

 

 

1，beforeCreate（）：此钩子函数发生在实例创建之前，此时data，el，methods未初始化，观测数据和事件初始化完成，

2，created（）：此钩子函数data，methods数据初始化；el未初始化

3，beforemount（）：此钩子函数内就运用了dom虚拟技术 即是先占位置 数据不更新 （操作dom时拿不到数据），el未初始化完成

4：mounted（）：实例挂载完成，

5：beforeupdate（）：此函数发生在视图dom数据更新之前，dom虚拟和下载补丁之前，即data更新 当操作dom时拿不到数据，

6：updated（）：视图更新完成，

7：beforedestory（）：此时实例仍未销毁，this可以使用

8：destoryed（）：实例销毁完成，

 

 

 

 

 

 

(百度上的图片)