angular 生命周期

以下排序是按见面加载时的顺利加载，如果直接写ngDocheck 就要执行4次他的子方法~

constructor 构造函数

constructor() {
    console.log('构造函数');
  }

ngOnChanges 输入时变化

ngOnChanges(changes: SimpleChanges): void {
    console.log('输入变化', changes);
  }

ngAfterContentInit 子组图加载完成

/**
   * 组件中嵌套的 `<ng-content>` 的内容的变化脏值检查
   */
  ngAfterContentChecked(): void {
    console.log('内容脏值检查');
  }

ngAfterViewInit 组件视图加载完成

 /**
   * 组件视图渲染完成，可以安全的操作视图中的元素
   */
  ngAfterViewInit(): void {
    console.log('视图初始化');
  }```

# ngAfterViewChecked 视图检测

```cpp
/**
   * 组件视图的脏值检查
   */
  ngAfterViewChecked(): void {
    console.log('视图脏值检查');
  }

ngOnDestroy 组件销毁

/**
   * 组件销毁时调用，一般发生在父组件 ngIf 或路由变化时
   */
  ngOnDestroy(): void {
    console.log('组件销毁');
  }