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

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

1、constructor()

对局部变量进行初始化


2、ngOnChanges()

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


3、ngOnInit()

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

4、ngDoCheck()

检测


5、ngAfterContentInit()

插槽值初始化完毕

6、ngAfterContentChecked()

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


7、ngAfterViewInit()

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

8、ngAfterViewChecked()

每次视图渲染完之后调用


9、ngDestory()

销毁事件或者组件时调用

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

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

等等

原文地址:https://www.cnblogs.com/zhaoyingzhen/p/14230573.html