VUE JS

Vue.js (также Vue; /vjuː/) — JavaScript-фреймворк с открытым исходным кодом для создания пользовательских интерфейсов. Легко интегрируется в проекты с использованием других JavaScript-библиотек. Может функционировать как веб-фреймворк для разработки одностраничных приложений в реактивном стиле. На данный момент поддерживается создателем Эваном Ю и остальными активными членами основной команды из различных компаний, таких как Netlify, Netguru, Baidu, Livestorm. Опрос, проведенный в 2016 году для JavaScript, показал, что Vue имеет 89 % удовлетворенности разработчиков. На GitHub проект имеет 188 тысяч звезд, является третьим по величине проектом в истории GitHub.

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

Читать дальше

Мы уже выяснили, что при создании экземпляра Vue он принимает параметром объект с настройками. В общем-то изучение Vue в основном и состоит из изучения этих настроек. Мы уже знаем одну настройку - ...

Читать дальше

Сейчас мы познакомимся с понятием реактивность и научимся основам ее применения. Пусть сейчас у нас есть следующее: в свойстве message у нас хранится текст 'привет' и есть также метод changeMessage...

Читать дальше

Сейчас мы будем изучать продвинутую работу с методами и событиями в фреймворке Vue. Мы научимся использовать метод в методе, освоим передачу параметров в метод и с ее помощью реализуем удаление пункто...

Читать дальше

Следующая директива, которую мы изучим, называется v-if. С ее помощью можно показывать или скрывать элементы. Как эта директива работает: параметром она принимает любое свойство объекта data. Если это...

Читать дальше

Сейчас мы с вами научимся работе с инпутами в фреймворке Vue. С их помощью мы будем реактивно добавлять данные на страницу. Давайте приступим. Пусть у нас есть инпут: <div id="app"&...

Читать дальше

При наборе данных в инпуте мы можем не только просто выводить в какой-нибудь абзац, но и выполнять какую-либо операцию над этими данными в момент вывода на экран. Давайте рассмотрим такие приемы на пр...

Читать дальше

Давайте теперь научимся работать напрямую с CSS стилями через атрибут style. Работа со стилями происходит следующим образом: в атрибут v-bind:style передается объект, в котором желаемые CSS свойства д...

Читать дальше

Иногда бывает так, что при выводе данных мы хотим с ними-что-нибудь сделать. Один способ сделать это мы уже разбирали в уроке приемы работы с формами. Давайте теперь посмотрим на альтернативные вариан...

Читать дальше

Если мы посмотрим на какой-нибудь сайт, то можем выделить на нем некоторые блоки: хедер, контент, сайдбар, футер. При создании сайта на Vue мы также можем использовать такие независимые блоки. Они ...

Читать дальше