Vue

Composition API — современный способ организации логики во Vue 3. Позволяет группировать связанный код и переиспользовать логику через composables.

Vue автоматически отслеживает зависимости и обновляет DOM при изменении данных. Понимание реактивности помогает писать эффективные компоненты.

Директивы — специальные атрибуты с префиксом v-, добавляющие реактивное поведение к DOM-элементам.

Хуки жизненного цикла позволяют выполнять код на определённых этапах существования компонента — от создания до уничтожения.

Props передают данные от родителя к ребёнку, emits — события от ребёнка к родителю. Это основа коммуникации между компонентами Vue.

Как создать Vue-проект с помощью create-vue и Vite. Структура проекта, конфигурация, выбор опций при установке и первые шаги.

Vue Router — официальная библиотека маршрутизации для Vue. Настройка роутов, динамические параметры, nested routes, guards, lazy loading и программная навигация.

Pinia — официальное хранилище состояния для Vue 3. Создание stores, state, getters, actions, плагины и лучшие практики.

Composables — переиспользуемые функции на основе Composition API. Создание, конвенции именования, примеры: useFetch, useMouse, useLocalStorage, useDebounce.

Transition и TransitionGroup для анимаций появления, исчезновения и перемещения элементов. CSS-классы, JavaScript-хуки, animate.css и GSAP.

Teleport — рендеринг контента за пределами DOM-иерархии компонента. Suspense — координация асинхронных компонентов и загрузочных состояний.

Динамические компоненты через <component :is=""> и асинхронная загрузка через defineAsyncComponent. Паттерны lazy loading и keep-alive.

Создание и использование плагинов Vue — app.use(), provide/inject, директивы, миксины и реальные примеры: toast-плагин, i18n, аналитика.

Nuxt — фреймворк поверх Vue с SSR, файловой маршрутизацией, автоимпортами и server routes. Основы Nuxt для Vue-разработчика.

Vue DevTools — браузерное расширение для отладки Vue-приложений. Инспекция компонентов, реактивности, Pinia, роутов, timeline и производительности.

Тестирование Vue-компонентов с Vitest и Vue Test Utils. Unit-тесты, монтирование, взаимодействие, mock-и, тестирование composables и Pinia stores.

Профилирование и оптимизация Vue-приложений — keep-alive, v-memo, v-once, lazy components, виртуальный скроллинг, уменьшение бандла и другие техники.

Обзор популярных UI-библиотек для Vue 3 — Element Plus, Vuetify, PrimeVue, Nuxt UI, Naive UI. Сравнение, когда какую выбирать.