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

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

Пусть теперь в data у нас есть элемент items, который содержит внутри себя массив с некоторыми данными: let app = new Vue({ el: '#app', data: { items: ['a', 'b', 'c', 'd', 'e'], }, }); Д... Читать дальше

Мы уже познакомились с двумя настройками Vue - это el и data. Следующая настройка - methods - позволит нам хранить в себе набор функций, которые мы сможем навешивать на события. Во Vue эти функции бол... Читать дальше

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

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

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

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

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

Сейчас мы с вами научимся работе с текстареа, чекбоксами, радиокнопочками и селектами в фреймворке Vue. Textarea Работа с textarea происходит абсолютно также, как и с инпутами - через директиву v-... Читать дальше

Вставлять значения свойств из data можно не только в текст, но и в атрибуты тегов. Это делается с помощью директивы v-bind, вот таким образом: v-bind:имяАтрибута="значение атрибута". Т... Читать дальше

Работа с атрибутом class происходит аналогичным образом - через v-bind. Но есть нюансы. Давайте разбираться. Пусть в свойстве str хранится какой-то класс. Добавим его нашему абзацу: let app = ne... Читать дальше

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

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

Если одно и то же свойство выводится в нескольких местах и каждый раз при выводе мы применяем фильтр, это может быть не очень оптимальным с точки зрения производительности. Почему? Потому что один ... Читать дальше

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