VUE学习笔记-生命周期

完整周期说明:初始化-控件产生前beforeCreate-控制产生后created-编译至内存(检查)beforeMount-编译至页面mount(页面创建事件结束)-beforeUpdate数据修改内存阶段-updated数据修改从内在同步到页面阶段-beforeDestroy数据销毁做准备-destroyed数据销毁

  1. beforeCreate前,数据未初始化

VUE学习笔记-生命周期

  • created控件已初始化,未产生至页面

VUE学习笔记-生命周期

  • beforeMount数据被编译至内存,未产生至页面

VUE学习笔记-生命周期

  • mount数据被产生至页面

VUE学习笔记-生命周期

  • beforeUpdate model的数据被更新,页面数据未更新
    VUE学习笔记-生命周期
  • updated 中model数据及页面数据均同步更新
    VUE学习笔记-生命周期
  • beforeDestroy及destroyed用来销毁vue的实例(包含:数据,方法,指令,过滤器均会被销毁)
    VUE学习笔记-生命周期

在beforeCreate方法 中,不以调用data及methods中的方法及数据

在created方法中,可以调用data及methods中的方法及数据

在beforeMount方法中,页面上无控件产生,可做编译

在Mounted方法中,页面上的控件已经产生

在beforeUpdate方法中,只修改model中的数据

在updateed方法中,model及页面的数据均会更新