Курс по Vue 3

Ключевые концепции и основы фреймворка

Краткое введение в архитектуру Vue 3: как работает реактивность, зачем нужен виртуальный DOM и чем отличается Composition API от Options API.

Установка, настройка и запуск проекта

Подробное руководство по установке и настройке Vue 3: установка Node.js и NVM, создание проекта через Vite

Шаблоны и реактивность: магия Vue 3 изнутри

Научись использовать шаблоны, связывать атрибуты, писать JavaScript прямо в разметке и работать с современным Composition API во Vue 3. Пошаговое объяснение с примерами для начинающих.

Взаимодействие компонентов: родитель и дочерний компонент во Vue 3

Научись создавать взаимосвязанные компоненты во Vue 3: как родительский компонент передаёт данные дочернему, что такое defineProps, как задать значения по умолчанию с помощью withDefaults и зачем нужен v-bind для передачи объектов.

События во Vue 3 и кастомные события с defineEmits

Разберись, как работают события во Vue 3: от стандартных @click и @input до кастомных событий через defineEmits. Узнай, как передавать данные родителю и выполнять валидацию событий на практике.

Продвинутые механизмы взаимодействия компонентов во Vue 3

Разбираем, как сделать Vue-компоненты гибкими и универсальными: используем слоты и v-slot, создаём двустороннюю связь данных через v-model и defineModel, управляем наследованием атрибутов с помощью “fall-through”.

Директивы во Vue 3: условный рендеринг, циклы и создание своих директив

Изучи директивы Vue 3 — v-if, v-show, v-for и создание собственных. Пойми, как управлять отображением элементов, работать со списками и добавлять уникальное поведение через кастомные директивы.

Хуки жизненного цикла во Vue 3 — контроль за жизнью компонента

Узнай, как работают хуки жизненного цикла во Vue 3 — от создания компонента до его удаления. Примеры использования onMounted, onUpdated и onUnmounted в Composition API.

Управление состоянием во Vue 3: provide/inject и Pinia

Узнай, как управлять состоянием во Vue 3 с помощью provide/inject и Pinia. Разберись, как передавать данные через дерево компонентов и создавать глобальное хранилище для масштабируемых приложений.

Маршрутизация во Vue 3 с помощью Vue Router

Научись создавать навигацию между страницами во Vue 3 с помощью Vue Router. Разберём установку, настройку маршрутов, динамические и вложенные страницы, программную навигацию и защиту маршрутов на практике.

Работа с сервером во Vue 3: получение и отправка данных через Axios

Научись получать и отправлять данные на сервер во Vue 3 с помощью Axios и Pinia. Разберись, как делать GET, POST, PUT и DELETE запросы, обрабатывать ошибки и управлять состоянием загрузки.

Авторизация и защита маршрутов во Vue 3: токены, Axios и route guards

Научись реализовывать авторизацию во Vue 3: получение и хранение токена, настройка Axios для защищённых запросов и защита маршрутов через route guards. Пошаговое руководство с примером авторизации и logout.