angular 框架如何实现父与子组件的数据传输、非父与子组件的数据传输

文章目录

• • • 1. 掌握其区别：理解父子组件与非父子组件的概念。
• 父组件利用- -@input指令传递数据。
• 父组件通过@vue标签捕获子模块的行为和属性。
• 探讨非父子架构中数据传输的具体实现方式。

1.理解父子组件、非父子组件

请阐述一下什么是父组件与子组件的概念？组件之间的父子关系具有相对性，在这一层次中A组件作为父级存在，则B组件作为子级存在于其中。通过以下两张示意图您可以更好地理解app.component.html与普通组件的关系

普通组件与普通组件：

现在应该知道父子组件是什么关系了，关键看谁嵌入了谁那里。

父子组件可以相互获取对方组件的数据以及方法。

2.父组件给子组件传值- -@input

父组件不仅可以向子组件传递基础数据和功能，并且还可以将整个父组件的数据与功能一并传递给子