Angular与Vue生命周期

Vue生命周期

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

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')

原文链接:juejin.im

上一篇:Electron配置以及常见API方法
下一篇:核心版vue-router, 仅仅只需80行代码

相关推荐

官方社区

扫码加入 JavaScript 社区