Angular与Vue生命周期

Vue生命周期

Vue生命周期

  • beforeCreate
  • created
    api请求,初始化参数
  • beforeMount
  • mounted
    api请求,初始化参数,
    获取真实的dom节点
  • beforeUpdate
  • updated
    属性发生改变
  • beforeDestroy
  • destroyed

Angular生命周期

Angular生命周期

  • constructor
    初始话一些参数
  • ngOnInit
    一些api请求
  • ngOnChanges(change: SimpleChanges)
    输入属性的值或者位置发生改变
  • ngDoCheck
  • ngAfterContentInit
  • ngAfterContentChecked
  • ngAfterViewInit
  • ngAfterViewChecked
    检测,并在发生 Angular 无法或不愿意自己检测的变化时作出反应。
    在每个变更检测周期中,紧跟在 ngOnChanges() 和 ngOnInit() 后面调用,
    有些特殊情况,有的时候我们需要真实的dom节点,可以再ngDoCheck判断
  • ngOnDestroy
    去除订阅,销毁事件

Vue与Angular生命周期区别?

其实两者没有多大区别,整体上看,Angular唯一的区别是多了ngDoCheck,这个生命周期函数,但是Vue少了这个好像也没有太大问题,其实他多了一个mounted,这个所有的dom节点都已渲染完毕了,而在angualr判断只能ngDoCheck判断渲染完毕document.querySelector('.class')