Фреймворк Vue.js

Vue или Vue.js — JS-библиотека с открытым исходным кодом и MVVM (Model-View-ViewModel) архитектурой для создания реактивных интерфейсов. Поддерживается всеми браузерами, кроме Internet Explorer 8 и версиями ниже.

Первая версия выпущена в 2015 году сотрудником Google Эваном Ю для быстрой реализации базового функционала проектов. В настоящий момент активно развивается, применяется и для полноценной разработки сложных систем.

Возможности Vue.js

• Высокая производительность с виртуальным DOM;
• Разбиение проекта на компоненты и их сборка;
• Создание одностаничников по технологии SPA;
• Применение Typescript;
• Рендеринг на стороне сервера (SSR);
• Прямое управление DOM-элементами;
• Автоматизация CSS-переходов и анимации;
• Интеграция со сторонними JavaScript-библиотеками;
• Расширения с фильтрами и объектами.

Основные конкуренты: React и Angular. Каждая технология обладает своими плюсами и минусами, применяется в зависимости от масштаба проекта и требований к функционалу.

Преимущества Vue

• Гибкость и расширяемость;
• Легковесность и компактность;
• Внедрение на любой проект;
• Быстрая разработка;
• Низкий уровень вхождения.

Область применения

• Сайты без перезагрузки страниц;
• Калькуляторы для расчета стоимости услуг и доставки;
• Динамическая сортировка и фильтрация товаров и других данных;
• Сложные формы анкетирования и бронирования;
• Формы ввода и их валидация;
• Календари мероприятий, афиши;
• Чаты и системы обмена сообщениями;
• Игры с рейтинговыми таблицами.

Известные компании, внедрившие Vue.js на свои сайты: Alibaba, GitLab, Nintendo, Xiaomi, Ozon, Спортмастер.

Пример реализации

Мы используем прогрессивный фреймворк Vue.js, платформу Node.js и сборщик модулей webpack для программирования фронтенда сайтов на 1С-Битрикс и UMI.CMS.

Для расчета монтажа обогрева кровли мы разработали калькулятор на Vue.js. В результате вычислений пользователь получает ориентировочную стоимость нагревательной части и контроллера системы защиты.