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

Vue.JS базируется на идее виртуального DOM. DOM (аббревиатура от Document Object Model) — способ представления
структурного документа с помощью объектов. Это кроссплатформенное и
языко-независимое соглашение для представления и взаимодействия с
данными в HTML, XML и т.д.

Главная проблема DOM — он никогда не был рассчитан для создания динамического
пользовательского интерфейса (UI). Мы можем работать с ним, используя
JavaScript и библиотеки наподобие jQuery, но их использование не решает
проблем с производительностью.

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

Подробнее...
Управление DOM-структурой в документации Битрикс. Это исключает прямое взаимодействие с узлами интерфейса. Первоначальная работа ведется с виртуальной копией (virtual DOM), а уже потом изменения применяются к реальным узлам интерфейса. Параллельно сравнивается реальное дерево DOM и его виртуальная копия, выявляется разница и переписывается только то, что претерпело изменения. Т.е. за короткий промежуток времени накапливаются все изменения, а потом эти изменения применяются к реальным узлам интерфейса (нодам) единым патчем. За счет этого скорость выполнения гораздо выше.

Vue.js удобно использовать, когда какие-либо данные используются в нескольких компонентах. В таком случае эти данные выносятся в отдельную библиотеку.

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

• Простой вход, не нужно настраивать окружение, отличная документация;
• Сочетает в себе плюсы React и Angular;
• Фреймворк прошел этап становления;
• Популярен среди разработчиков.

Vue реализует все современные подходы к разработке пользовательских интерфейсов и является легким в освоении, гибким и высоко интегрируемым со сторонними технологиями фреймворком.

Библиотека Vue входит в состав продукта «1С-Битрикс: Управление сайтом», что дает возможность использования и кастомизации компонентов Vue, встроенных в ядро BitrixFramework. К тому же, решена проблема версионности библиотеки Vue – в рамках текущего окружения BitrixFramework всегда единая версия.

Подробнее с фреймворком (в том числе и с примерами его использования) вы можете ознакомиться на официальном сайте. Если вы хотите узнать больше о Vue перед тем как начать, мы создали видео с рассказом об основных принципах работы на примере проекта.

Если вы — опытный фронтенд-разработчик, и хотите узнать, чем Vue отличается от остальных библиотек или фреймворков, обратите внимание на сравнение с другими фреймворками.



Подробнее...

  Почему фреймворк включен в продукт?

Преимущества и особенности использования обёртки Vue от Битрикса в следующем:

Мы включили фреймворк в поставку продукта и сделали BitrixVue для простого взаимодействия между Vue и системой BitrixFramework.

В чём же преимущества и особенности её использования?

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

Второе: решается вопрос версионирования, если два разработчика (например, два приложения из Маркетплейса) будут использовать Vue разных версий, то возникнут конфликты. В первую очередь BitrixVue сделан для того, чтобы этого избежать.

Третье: разработчики-партнёры получают возможность кастомизировать и клонировать компоненты в модулях BitrixFramework (где это возможно) без изменения исходного кода продукта.

И последнее: фреймворк Vue, который является основной частью BitrixVue, не экспортируется в глобальную область видимости. Тем самым она не может создать проблем сторонним приложениям. Они могут спокойно использовать обычное подключение Vue, в том числе использовать его в Webpack, не беспокоясь о конфликтах с библиотекой внутри BitrixFramework.