angular学习之通俗易懂篇-----生命周期

直接梳理应用场景,后续有新的理解再不断补充.......

1、constructor()

对局部变量进行初始化

---

 

2、ngOnChanges()

被绑定的输入属性的值发生变化时调用(父子组件传值的时候会触发)

---

 

3、ngOnInit()

一般在这里请求数据,并初始化

4、ngDoCheck()

检测

---

 

5、ngAfterContentInit()

插槽值初始化完毕

6、ngAfterContentChecked()

每次组件内容变更之后检测

---

 

7、ngAfterViewInit()

视图渲染完毕 , 可以进行dom操作

8、ngAfterViewChecked()

每次视图渲染完之后调用

---

 

9、ngDestory()

销毁事件或者组件时调用

例如 : 路由切换的时候，前一个组件销毁，后一个组件创建

移除事件监听、清除定时器

等等