Aurelia - плагины

Когда вы начинаете создавать свое приложение, большую часть времени вы захотите использовать дополнительные плагины. В этой главе вы узнаете, как использовать плагины в среде Aurelia.

Стандартные плагины

В предыдущей главе мы увидели, как использовать конфигурацию по умолчанию в среде Aurelia. Если вы используете конфигурацию по умолчанию, будет доступен стандартный набор плагинов.

  • defaultBindingLanguage() - Этот плагин предлагает простой способ подключения view-model с участием view. Вы уже видели синтаксис односторонней привязки данных(${someValue}). Даже если вы можете использовать какой-либо другой язык привязки, рекомендуется использовать язык привязки по умолчанию.

  • defaultResources() - Ресурсы по умолчанию дают нам некоторые примитивные конструкции, такие как if, repeat, composeи т. д. Вы даже можете построить эти конструкции самостоятельно, но поскольку они широко используются, Аурелия уже создала их внутри этой библиотеки.

  • Router()- Большинство приложений используют какую-то маршрутизацию. Следовательно,Routerявляется частью стандартных плагинов. Вы можете узнать больше о маршрутизации в следующей главе.

  • History() - Плагин History обычно используется вместе с router.

  • eventAggregator()- Этот плагин используется для межкомпонентного взаимодействия. Он обрабатывает публикацию и подписку на сообщения или каналы внутри вашего приложения.

Официальные плагины

Эти плагины не входят в стандартную конфигурацию, но используются часто.

  • fetch()- Плагин Fetch используется для обработки HTTP-запросов. Вы можете использовать другую библиотеку AJAX, если хотите.

  • animatorCSS() - Этот плагин предлагает способ обработки CSS-анимации.

  • animator-velocity()- Вместо CSS-анимации вы можете использовать библиотеку анимации Velocity. Эти плагины позволяют нам использовать Velocity внутри приложений Aurelia.

  • dialog() - Плагин Dialog предлагает настраиваемое модальное окно.

  • i18n() - Это плагин для интернализации и локализации.

  • ui-virtualization() - Виртуализация - полезная библиотека для обработки больших задач пользовательского интерфейса с высокой производительностью.

  • validation() - Используйте этот плагин, когда вам нужно проверить свои данные.

Все описанные выше плагины официально поддерживаются командой Aurelia Core на момент написания этого руководства. В будущем будут добавлены и другие полезные плагины. В следующем примере показано, как настроить приложение для использования плагинов.

Установка плагинов

Если, например, мы хотим использовать 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());
}