5、探索 Aurelia：构建现代单页应用的完整指南

探索 Aurelia：构建现代单页应用的完整指南

1. Aurelia 入门

在现代 Web 开发领域，传统的请求/响应式 Web 应用架构在处理某些类型的应用时面临挑战，比如管理门户或消息应用程序，这类应用以往常以桌面应用的形式构建。而单页应用（SPA）架构借助数据绑定和路由等工具，让这类应用的开发变得更为轻松。

Aurelia 作为一个 MV* SPA 应用框架，与 AngularJS 或 Ember.js 等框架类似，相较于 React 这类渲染层库，它提供了一套相似的工具。Aurelia 以其对简洁代码、简单性以及约定优于配置的关注，成为当今 Web 开发领域的突出选择。

Aurelia 应用通过组合视图/视图模型对的组件来构建，其中视图是 HTML 模板，视图模型是 JavaScript 类。数据绑定用于处理视图中的事件、将视图模型属性的更改传播到视图以及将视图的更改传播回视图模型。依赖注入则通过将依赖管理责任从组件本身转移到 DI 容器，简化了 Aurelia 应用中依赖关系的管理。此外，Aurelia 还提供路由功能，使开发者能够构建出类似真实网站的 SPA，支持用户熟悉的标准 Web 交互模式。

1.1 依赖注入与 Aurelia

在简单的示例视图模型中，可能只有一个基本屏幕（应用视图），可以直接在构造函数中创建类的新实例并完成所需操作。但在现实世界中，应用往往更加复杂。以 Facebook 为例，它有聊天框、通知小部件以及显示与朋友正在进行的对话的区域，仅聊天部分就包含多个组件。当有多个组件且需要管理这些组件之间的依赖关系（如服务类）时，依赖注入就变得非常有用。

传统上，系统中的对象负责管理自己的依