Архив

Vue.JS в Битриксе

Vue.JS в Битриксе

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


Подключается Vue на нужной странице строкой: 
\Bitrix\Main\UI\Extension::load("ui.vue");

После этого можно использовать всю мощь Vue. Есть только некоторые особенности - например, вместо обычного new Vue() нужно писать BX.Vue.create()

А вот мой работающий пример: Vue.js следит за тем чтобы в форме отправки сообщения было не менее 10 и не более чем 400 символов.

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

Сам скрипт приложения я вынес в отдельный файл.

P.S.
Есть прекрасный обучающий курс расположен здесь

Возврат к списку