- Aurelia教程
- Aurelia - 主页
- Aurelia - 概述
- Aurelia - 环境设置
- Aurelia - 第一次应用
- Aurelia - 组件
- Aurelia - 组件生命周期
- Aurelia - 自定义元素
- Aurelia - 依赖注入
- Aurelia - 配置
- Aurelia - 插件
- Aurelia - 数据绑定
- Aurelia - 绑定Behave
- Aurelia - 转换器
- Aurelia - 活动
- Aurelia - 事件聚合器
- Aurelia - 表格
- Aurelia - HTTP
- Aurelia - 参考
- Aurelia - 路由
- Aurelia - 历史
- Aurelia - 动画
- Aurelia - 对话
- Aurelia - 本地化
- Aurelia - 工具
- Aurelia - 捆绑
- Aurelia - 调试
- Aurelia - 社区
- Aurelia - 最佳实践
- Aurelia有用的资源
- Aurelia - 快速指南
- Aurelia - 有用的资源
- Aurelia - 讨论
Aurelia - 插件
当您开始构建应用程序时,大多数时候您会想要使用一些额外的插件。在本章中,您将学习如何在 Aurelia 框架中使用插件。
标准插件
在上一章中,我们了解了如何在 Aurelia 框架中使用默认配置。如果您使用默认配置,则将提供标准插件集。
defaultBindingLanguage() - 该插件提供了一种连接view-model和view 的简单方法。您已经看到了单向数据绑定语法(${someValue})。尽管您可以使用其他绑定语言,但建议您使用默认绑定语言。
defaultResources() - 默认资源为我们提供了一些原始构造,例如if、repeat、compose等。您甚至可以自己构建这些构造,但由于它们如此常用,Aurelia 已经在这个库中创建了它。
Router() - 大多数应用程序都使用某种路由。因此,路由器是标准插件的一部分。您可以在后续章节中查看有关路由的更多信息。
History() - 历史记录插件通常与router一起使用。
eventAggregator() - 该插件用于跨组件通信。它处理应用程序内消息或频道的发布和订阅。
官方插件
这些插件不是默认配置的一部分,但经常使用。
fetch() - Fetch 插件用于处理 HTTP 请求。如果需要,您可以使用其他 AJAX 库。
animatorCSS() - 该插件提供了一种处理 CSS 动画的方法。
animator-velocity() - 您可以使用 Velocity 动画库代替 CSS 动画。这些插件使我们能够在 Aurelia 应用程序中使用 Velocity。
dialog() - 对话框插件提供了一个高度可定制的模式窗口。
i18n() - 这是用于内部化和本地化的插件。
ui-virtualization() - 虚拟化是一个有用的库,用于处理大型性能繁重的 UI 任务。
validation() - 当您需要验证数据时使用此插件。
在撰写本教程时,上述所有插件均由 Aurelia 核心团队正式维护。将来还会添加一些其他有用的插件。以下示例展示了如何配置您的应用程序以使用插件。
安装插件
例如,如果我们想使用animator-css和animator-velocity,我们需要先安装它。
C:\Users\username\Desktop\aureliaApp>jspm install aurelia-animator-css C:\Users\username\Desktop\aureliaApp>jspm install aurelia-animator-velocity
在上一章中,您学习了如何使用手动配置。我们可以在main.js文件中添加我们的插件。
main.js
export function configure(aurelia) { aurelia.use .defaultBindingLanguage() .defaultResources() .developmentLogging() .router() .history() .eventAggregator() .plugin('aurelia-animatorCSS') .plugin('aurelia-animator-velocity') aurelia.start().then(() => aurelia.setRoot()); }