14、深入理解Aurelia组件间通信

深入理解Aurelia组件间通信

1. Aurelia应用与组件通信概述

Aurelia应用由许多细粒度的组件组合而成，这种开发方式让开发者能专注于单个组件的创建和维护，而无需考虑整个应用的上下文。在开发过程中，组件间通信是一个重要的话题。早期，我们通过数据绑定实现组件间的数据共享，这种方式在将数据从父组件传递到子组件时效果很好，但在将数据向上或跨层级传递时会引发问题，导致组件间的耦合，破坏应用的合理性、可测试性和可维护性。

2. Aurelia组件类型

Aurelia框架中有多种类型的组件，了解这些组件有助于我们更好地理解组件间通信：
- 自定义元素 ：允许创建自定义HTML元素，通常有对应的视图和视图模型。这是Aurelia组件中最常见的类型，我们对组件间通信的讨论主要围绕自定义元素展开。例如 <book></book> 。
- 自定义属性 ：可创建自定义HTML属性，如 <input tooltip=""> 。
- 值转换器 ：能实现视图模型和视图之间值的转换，例如 value.bind="status | bookStatus" 。
- 绑定行为 ：可以改变绑定的行为，像 value.bind="title & validate" （这里标记为验证）。
- 视图引擎钩子