Что такое Vue.js?

  • Статья

Vue — это интерфейсная платформа с открытым кодом для создания пользовательских интерфейсов и одностраничных веб-приложений на JavaScript. Эта платформа была выпущена в 2014 году. Ее поддерживают создатель Эван Ю (Evan You) и члены его основной команды. Во Vue основное внимание уделяется декларативной отрисовке и созданию компонентов, а основная библиотека предлагается только для слоя представления.

Если вы хотите создать веб-приложение Vue, которое отрисовывается на сервере, с дополнительными функциями, такими как маршрутизация, управление состоянием и средства сборки, ознакомьтесь с Nuxt.js.

В чем особенность Vue?

Vue использует архитектуру Model-View-ViewModel. Ранее Эван Ю работал над проектом AngularJS в Google и на основе некоторых аспектов Angular создал более простую платформу. Vue во многом напоминает React, Angular, Ember, Knockout и другие платформы. Более подробное сравнение Vue с этими платформами JavaScript см. в документации по Vue.

Что можно делать с помощью Vue?

Инструменты Vue

Платформа Vue.js предназначена только для слоя представления, поэтому для создания более сложного приложения могут потребоваться дополнительные инструменты. Вот какие инструменты вам могут потребоваться:

  • Диспетчер пакетов — с Vue используются два популярных диспетчера пакетов: npm (включен в Node.js) и yarn. Оба из них поддерживают широкую библиотеку пакетов для установки.
  • Vue CLI — стандартный набор средств для быстрой разработки в Vue.js со встроенной поддержкой Babel, PostCSS, TypeScript, ESLint и т. д.
  • Nuxt.js — платформа, которая помогает создавать приложения Vue.js с отрисовкой на стороне сервера. Отрисовка на стороне сервера может улучшить SEO и ускорить работу пользовательских интерфейсов.
  • Пакет расширений Vue для VS Code — позволяет добавить выделение синтаксиса, форматирование кода и фрагменты кода в файлы с расширением .vue.
  • Vuetify — библиотека пользовательского интерфейса Vue, в которой предлагаются компоненты платформы Material Design.
  • Vuesion — библиотека стандартных текстов Vue для прогрессивных веб-приложений (PWA), готовых к развертыванию в рабочей среде.
  • Storybook — среда разработки и тестирования для компонентов пользовательского интерфейса Vue.
  • Vue Router — поддерживает сопоставление URL-адресов приложений с компонентами Vue.
  • Vue Design System — инструмент с открытым кодом для создания систем проектирования с помощью Vue.js.
  • VueX — система управления состоянием для приложений Vue.

Дополнительные ресурсы