vue 1.0生命周期

vue 1.0生命周期

钩子函数

  • created
  • beforeCompile
  • Compiled
  • ready
  • beforeDestory
  • destroyed

created

在创建之前,首先初始化vue实例,监测data,初始化事件,然后进入created生命周期。created之后,判断是否包含el,如果包含,则判断是否包含template,否则装载el元素,判断是都含有template,判断完成之后进入beforeCompile

beforeComplie

如果包含template 则编译template,并且使用template代替el,如果不包含template,则编译el作为模板。编译完成之后进入complied阶段。

compiled

判断元素是否在dom中,如果在则进入ready状态,如果不在则将其插入dom,然后进入ready状态。

beforeDestory

调用vm.$destory()方法,进入beforeDestoty状态,卸载数据绑定,子组件和事件监听进入destoryed状态。

猜你喜欢

转载自blog.csdn.net/wlm_suzhou/article/details/80984867