注：以下学习笔记均来源于Angular教程_Angular8 Angular9 Angular12入门实战视频教程

一、Angular 父子组件以及组件之间通讯

1.父组件给子组件传值 @input

父组件不仅可以给子组件传递简单的数据，还可以把自己的方法以及整个父组件传给子组件。

• 父组件调用子组件的时候传入数据

• 子组件引入 Input 模块

• 子组件中 @input 接收父组件传过来的值

2.父组件通过 @ViewChild 主动获取子组件的数据和方法

• 调用子组件，给子组件定义一个名称

• 父组件引入 ViewChild 模块

• 获取子组件的数据，执行子组件的方法

3.子组件通过 @Output 触发父组件的方法

• 子组件引入 Output 和 EventEmitter

• 子组件中实例化 EventEmitter

• 子组件通过 EventEmitter 对象 outer 实例广播数据

• 父组件调用子组件的时候，定义接收事件，outer 就是子组件的 EventEmitter 对象 outer

• 父组件接收到数据会调用自己的 runParent 方法，这个时候就能拿到子组件的数据

4.非父子组件通讯

• LocalStorage

• 服务

二、Angular 中的生命周期函数

按照官方文档，生命周期函数通俗的讲就是组件创建、组件更新、组件销毁的时候会触发的一系列的方法，也叫生命周期钩子方法。