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