К содержанию

Основной учебник Vue3

Учебник по JavaScript фреймворку Vue3. Для новичков. Много теории и задач.

Уроки

Введение в фреймворк Vue

Установка фреймворка Vue

Структура компонента Vue

Объект data в Vue

Работа с атрибутами в фреймворке Vue

Выполнения кода в представлениях Vue

Массивы в Vue

Объекты в Vue

Работа с методами в фреймворке Vue

Навешивание обработчиков событий в Vue

Работа с data внутри методов Vue

Вспомогательные методы в Vue

Передача параметров в метод в Vue

Реактивность в фреймворке Vue

Вычисляемые свойства в Vue

Модификаторы событий в фреймворке Vue

Условия

Показ по условию в Vue

Инвертирование условия в Vue

Реактивное условие в Vue

Toгглинг элементов в Vue

Смена текста при тогглинге в Vue

Директива v-else в Vue

Сложные условия в Vue

Директива v-else-if в Vue

Условные группы в Vue

Директива v-show в Vue

Циклы

Перебор массивов в Vue

Получение ключей при переборе массивов в Vue

Перебор объектов в Vue

Перебор группы тегов в Vue

Перебор массива объектов в Vue

Цикл в диапазоне в Vue

Условия в циклах в Vue

Атрибут key в Vue

Реактивность массивов в Vue

Стили

Стилизация компонента в фреймворке Vue

Атрибут class в фреймворке Vue

Объект с CSS классами в Vue

Реактивность объекта с CSS классами в Vue

Инлайн объект с CSS классами в Vue

CSS классы через data в Vue

Стилизация через атрибут style в Vue

Формы

Двусторонняя привязка данных к инпутам в Vue

Получение данных формы по событию в Vue

Работа с textarea в Vue

Работа с checkbox в Vue

Массив значений checkbox в Vue

Работа с radio в Vue

Работа с select в Vue

Формирование select в цикле в Vue

Блокировка элементов в Vue

Модификаторы клавиш в фреймворке Vue

Форма для добавления элементов массива в Vue

Кнопка для удаления элемента массива в Vue

Кнопка для удаления из массива объектов в Vue

Форма для редактирования массива объектов в Vue

Компоненты

Работа с компонентами в Vue

Создание дочерних компонентов в Vue

Передача данных в компонент в JavaScript

Передача данных любого типа в Vue

Передача свойств объекта data в Vue

Указание типа пропсов в Vue

Создание компонентов в цикле в Vue

Однонаправленный поток данных в Vue

Испускание событий в Vue

Параметры событий в Vue

Испускание события в атрибуте в Vue

Реактивное удаление компонентов в Vue

Реактивное редактирование данных компонента в Vue

Компонент для добавления данных в Vue

Проекты

Проект Чеклист в Vue

Проект Блокнот в Vue