Учебник Petite-Vue

Введение
- Что такое Petite-Vue
- Философия и архитектура библиотеки
- Сравнение с Vue.js и другими фреймворками
- Когда использовать Petite-Vue
- Ограничения и компромиссы
- Установка и подключение
Основы работы с Petite-Vue
- Инициализация приложения
- Директива v-scope
- Реактивные данные
- Синтаксис шаблонов
- Интерполяция и выражения
- Методы в контексте компонента
Директивы
- v-if и условный рендеринг
- v-else и v-else-if
- v-show для управления видимостью
- v-for и работа со списками
- Ключи в циклах
- v-bind для связывания атрибутов
- Сокращенная запись атрибутов
- v-on и обработка событий
- Сокращенная запись событий
- Модификаторы событий
- v-model для двусторонней привязки
- Модификаторы v-model
- v-html для вставки HTML
- v-text для текстового содержимого
- v-cloak для скрытия нерендеренного контента
Реактивность
- Принципы реактивной системы
- Отслеживание зависимостей
- Примитивы и объекты
- Вложенная реактивность
- Массивы и реактивность
- Ограничения реактивности
- Обновление DOM
Вычисляемые свойства и методы
- Объявление методов
- Контекст выполнения
- Геттеры в объектах данных
- Кэширование вычислений
- Зависимости в вычисляемых свойствах
Работа с формами
- Текстовые поля
- Многострочный текст
- Чекбоксы
- Радиокнопки
- Выпадающие списки
- Множественный выбор
- Валидация форм
- Отправка данных
События
- Обработчики событий DOM
- Передача параметров в обработчики
- Доступ к объекту события
- Модификаторы событий клавиатуры
- Модификаторы событий мыши
- Системные клавиши-модификаторы
- Модификатор prevent
- Модификатор stop
- Модификатор self
- Модификатор once
- Пользовательские события
Компоненты и переиспользование
- Концепция компонентов в Petite-Vue
- Создание изолированных областей
- Вложенные v-scope
- Передача данных между областями
- Функции-фабрики для компонентов
- Переиспользуемая логика
- Композиция функциональности
Жизненный цикл
- Монтирование элементов
- Хуки @mounted
- Хуки @unmounted
- Порядок выполнения хуков
- Очистка ресурсов
Refs и доступ к DOM
- Создание ссылок на элементы
- Использование $refs
- Доступ к DOM-узлам
- Управление фокусом
- Интеграция со сторонними библиотеками
Взаимодействие с API
- Загрузка данных при монтировании
- Fetch API и async/await
- Обработка состояний загрузки
- Управление ошибками
- Обновление данных
- Оптимистичные обновления
Управление состоянием
- Локальное состояние компонента
- Глобальное состояние
- Паттерн Store
- Реактивное хранилище
- Подписка на изменения
- Синхронизация состояния
Продвинутая работа с шаблонами
- Динамические атрибуты
- Связывание классов
- Объектный синтаксис для классов
- Массивы классов
- Связывание стилей
- Объектный синтаксис для стилей
- Множественные значения стилей
- Условные выражения в шаблонах
Оптимизация производительности
- Минимизация пересчетов
- Оптимизация циклов v-for
- Ленивая инициализация
- Дебаунсинг и троттлинг
- Виртуализация списков
- Профилирование производительности
Интеграция с экосистемой
- Использование с сборщиками
- Подключение через CDN
- NPM-пакет
- Интеграция с существующими проектами
- Постепенное внедрение
- Работа с SSR-контентом
Паттерны и архитектура
- Разделение логики и представления
- Композиция функций
- Миксины данных
- Плагины и расширения
- Декларативный подход
- Управление сложными формами
Работа с асинхронностью
- Промисы в шаблонах
- Загрузка данных по требованию
- Параллельные запросы
- Последовательные операции
- Отмена запросов
- Повторные попытки
Маршрутизация
- Хеш-навигация
- History API
- Параметры маршрутов
- Динамическая загрузка контента
- Переходы между страницами
Анимации и переходы
- CSS-переходы
- CSS-анимации
- Условная анимация
- Анимация списков
- JavaScript-анимации
- Библиотеки анимации
Отладка и тестирование
- Инструменты разработчика
- Отслеживание реактивности
- Логирование изменений
- Юнит-тестирование
- Интеграционное тестирование
- E2E-тестирование
Безопасность
- XSS и v-html
- Санитизация пользовательского ввода
- CSP и inline-скрипты
- Защита от CSRF
- Безопасная работа с API
Доступность
- Семантическая разметка
- ARIA-атрибуты
- Клавиатурная навигация
- Скринридеры
- Контрастность и читаемость
Миграция и совместимость
- Миграция с jQuery
- Миграция с Alpine.js
- Различия с Vue.js
- Обратная совместимость
- Версионирование API
Справочник API
- Глобальные методы
- createApp
- Опции конфигурации
- Директивы
- Специальные атрибуты
- Встроенные компоненты