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

 

 

 

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():实例销毁完成,

 

 

 

 

 

 

vue探索 ————八大周期钩子函数(百度上的图片)

相关文章:

  • 2022-01-10
  • 2021-10-23
  • 2022-01-30
  • 2022-12-23
猜你喜欢
  • 2022-01-08
  • 2023-03-28
  • 2021-05-20
  • 2021-10-06
  • 2021-10-08
  • 2021-12-08
相关资源
相似解决方案