30、Aurelia开发：突破默认约定与自定义绑定行为

Aurelia开发：突破默认约定与自定义绑定行为

1. 项目概述与Web组件基础

在Aurelia应用开发中，我们可以添加新的功能，例如在应用里添加结合 aurelia-dialog 插件和Shadow DOM插槽的图书共享功能。完成的项目可从GitHub（https://github.com/freshcutdevelopment/Aurelia-in-Action.git ）使用 git clone 命令下载。

Web组件由四个规范组成：HTML导入、HTML模板、自定义元素和Shadow DOM。这些规范旨在为创建可重用的Web小部件提供基础。通过使用标准的Web组件API，我们能构建可在项目甚至不同框架间轻松共享的可重用UI小部件。Aurelia在底层使用了HTML导入和HTML模板，使用Aurelia就意味着已经在使用Web组件。同时，我们还可以在Aurelia项目中使用Shadow DOM来创建封装的组件，这些组件能控制自身样式并与宿主应用隔离。Shadow DOM插槽可用于创建带有可替换部分的视图蓝图，我们可以向其中注入自定义HTML，从而创建真正可重用的组件。

2. 扩展Aurelia的必要性与方向

在构建Aurelia应用时，大多数情况下遵循默认约定就能满足需求，但有时应用的需求会与默认设置产生分歧。Aurelia的出色之处在于，尽管初始起点简单，但它提供了多种扩展方式，如约定覆盖、自定义绑定行为和带有动态选项的自定义属性，帮助我们解决复杂应用开发中遇到的难题。

3. 覆盖Aurelia的默认约定

Aurelia提供了多个装饰器来覆盖默