💚

Модуль 3.5: Vue.js

Введение в Vue

Знакомимся с Vue 3: SFC, Composition API, директивы. Сравниваем с React и разбираем, в чём Vue делает жизнь проще.

Создаём Vue 3 + TypeScript + Vite проект за 5 минут. Разбираем структуру папок, ключевые файлы и алиасы путей.

Директивы Vue: v-bind, v-on, v-if, v-for, v-model. Модификаторы событий и привязка классов/стилей.

ref, reactive, computed, watch — разбираем систему реактивности Vue изнутри. Когда что использовать.

Composables — переиспользуемая логика в Vue. script setup, useFetch, defineProps/Emits. Паттерн как custom hooks, но для Vue.

Props, emit, slots, scoped slots и v-model на компонентах. Разбираем коммуникацию между компонентами в Vue 3.

onMounted, onUnmounted, onUpdated — хуки жизненного цикла. watch и watchEffect — реакция на изменения данных.

Решаем prop drilling с помощью provide/inject. Типизированные ключи и паттерн контекста для авторизации и темы.

Роутинг в Vue SPA: RouterLink, RouterView, параметры URL, вложенные маршруты и Navigation Guards.

Официальный state manager Vue 3. Setup Store с ref/computed, storeToRefs и персистентность через плагин.