流浪のwolf

卷帝

导航

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实例和所有的组件别完全的销毁 ;

 

posted on 2022-11-13 20:42  流浪のwolf  阅读(25)  评论(0编辑  收藏  举报