首页 > 其他分享 >44. 生命周期

44. 生命周期

时间:2022-11-13 20:58:51浏览次数:49  
标签:updated 生命周期 dom 44 销毁 此时 挂载 页面

vue的声明周期分为 4 个阶段,8个钩子函数 ;

第一阶段:创建 ;

  beforeCreate:此时的data和method方法未定义 undefined 

  created :此时的data数据和methods 方法已经定义,可以在这里发起异步请求,早发请求可能早点得到数据 ;

第二阶段:挂载 ;

  beforeMount: 此时的dom模板已经编译好了,保存再内存中,但是没有挂载到 页面结构上 ;

  mounted :此时把内存中的dom模板挂载到页面上了,可以进行dom操作了;

第三阶段:更新 ;

  beforeUpdate:修改数据之后,此时的数据和页面还没有同步 ;

  updated:此时数据和页面结构已经同步 ;ps:nextTick也是感知dom更新完成,和updated 类似 ;

第四阶段:销毁 ;

  beforeDestroy:销毁前的准备,还没有真正的销毁 ;

  destroyed:vue实例和所有的组件别完全的销毁 ;

 

标签:updated,生命周期,dom,44,销毁,此时,挂载,页面
From: https://www.cnblogs.com/zhulongxu/p/16886892.html

相关文章