Aurelia - 插件

当您开始构建应用时,大多数情况下您会想要使用其他一些插件.在本章中,您将学习如何在Aurelia框架中使用插件.

标准插件

在上一章中,我们了解了如何使用默认插件Aurelia框架中的配置.如果您使用的是默认配置,则可以使用标准的插件集.

  • defaultBindingLanguage() : 此插件提供了一种将视图模型视图连接起来的简便方法.您已经看到了单向数据绑定语法($ {someValue}).即使你可以使用其他一些绑定语言,建议使用默认绑定语言.

  • defaultResources()&minus ;默认资源为我们提供了一些原始结构,例如 if,repeat,compose 等.你甚至可以自己构建这些结构,但由于它们是如此常用,Aurelia已经在这个库中创建了它.

  • 路由器() : 大多数应用程序使用某种路由.因此,路由器是标准插件的一部分.您可以在后续章节中查看有关路由的更多信息.

  • 历史记录() : 历史插件通常与路由器一起使用.

  • eventAggregator() : 此插件用于跨组件通信.它处理发布和订阅应用内的消息或频道.

官方插件

这些插件不是默认配置的一部分,但经常使用.

  • fetch() &减去; Fetch插件用于处理HTTP请求.如果需要,您可以使用其他一些AJAX库.

  • animatorCSS() : 这个插件提供了一种处理CSS动画的方法.

  • animator-velocity() : 您可以使用Velocity动画库代替CSS动画.这些插件使我们能够在Aurelia应用程序中使用Velocity.

  • dialog() :  Dialog插件提供高度可定制的模态窗口.

  • i18n() : 这是内化和本地化的插件.

  • ui-virtualization() : 虚拟化是处理大型高性能UI任务的有用库.

  • validation() : 当您需要验证数据时,请使用此插件.

上述所有插件均由Aurelia核心团队正式维护.写这个教程.将来还会添加一些其他有用的插件.以下示例显示了如何配置您的应用以使用插件.

安装插件

例如,如果我们要使用 animator-我们需要先安装它.

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());
}