5,000 ₽
30-дневная гарантия возврата денег
Курс включает
- Пожизненный доступ
- Доступ с мобильных устройств
- Сертификат об окончании
Преимущества обучения
- Обучение в удобное время из любой точки мира
- Доступ к материалам курса в течение неограниченного времени
- Практические задания после каждого урока для закрепления материала
- Поддержка преподавателя на протяжении всего обучения
- Сертификат о прохождении курса после успешного завершения
- Возможность общаться с другими студентами в чате курса
Описание курса
Освойте Vue.js 3: реактивность, компоненты, Router, Pinia и создание современных SPA.
Содержание книги
Всего: 15 глав
Книга, игра и упражнения доступны без регистрации. Видеоуроки — после оплаты курса.
Vue.js — прогрессивный JavaScript-фреймворк для пользовательских интерфейсов. Его можно подключать по частям: от простого виджета на странице до полноценного SPA.Vue 3 использует реактивную систему на Proxy, Virtual DOM...
Точка входа — main.js: createApp(App) создаёт экземпляр приложения, .mount('#app') монтирует его в DOM-элемент из index.html.Корневой компонент App.vue содержит <template>, <script> и опционально &l...
Шаблон Vue — декларативная разметка с директивами. v-bind (или :) привязывает атрибуты; v-if / v-else / v-show управляют отображением; v-for рендерит списки.Интерполяция {{ }} выводит выражения из script. v-html вставляе...
Реактивность — автоматическое обновление DOM при изменении данных. ref() оборачивает примитив или объект; доступ в script — через .value, в template — без .value.reactive() делает реактивным объект (не примитив). Vue отс...
computed() — вычисляемое свойство с кешированием: пересчитывается только при изменении зависимостей. Удобно для фильтрации, форматирования, производных значений.watch() и watchEffect() отслеживают изменения и выполняют п...
v-on (или @) вешает обработчик: @click, @submit, @input. Модификаторы: .prevent, .stop, .once, .enter для клавиатуры.Методы объявляют в script setup как обычные функции. Передача аргумента: @click="save(item)"....
v-model — синтаксический сахар для двусторонней привязки. На input: :value + @input. Для checkbox — boolean; для radio — выбранное value; select — value option.Модификаторы: .lazy (change вместо input), .number, .trim. v...
Компонент — переиспользуемый блок UI с собственным шаблоном, логикой и стилями. Импорт в script setup и использование как тег в template.Именование: PascalCase в script, kebab-case в DOM. scoped стили ограничивают CSS ко...
Props — данные от родителя к ребёнку (односторонний поток). defineProps({ title: String, count: { type: Number, default: 0 } }).emit — события от ребёнка к родителю: defineEmits(['save']), $emit('save'...
slot — место для контента от родителя. Default slot: <slot />. Именованные: <slot name="header" />, в родителе <template #header>.Scoped slot передаёт данные в слот: <slot :item="item&...
Composition API группирует логику по функциям, а не по опциям (data, methods). composable — функция useXxx(), возвращающая реактивное состояние и методы.Хуки жизненного цикла: onMounted, onUpdated, onUnmounted. onMounted...
Vue Router — маршрутизация SPA. createRouter с routes и history mode (createWebHistory или createWebHashHistory).router-link — навигация без перезагрузки; router-view — outlet для компонента страницы. Динамические маршру...
Pinia — официальный store для Vue 3. defineStore('id', { state, getters, actions }). В компоненте: const store = useUserStore().state — реактивные данные; getters — вычисляемые из state; actions — методы (async...
Данные с сервера загружают в onMounted или watch. fetch или axios. Состояния: loading, error, data — три ref для UX.async/await в script setup. Обработка ошибок try/catch. Для повторного использования — composable useFet...
npm run build — production-сборка в dist/. Vite минифицирует JS/CSS, tree-shaking, code splitting. npm run preview — локальная проверка dist.Переменные окружения: .env, import.meta.env.VITE_*. На хостинг заливают dist (N...
Отзывы
Пока нет отзывов. Станьте первым!
Оставить отзыв
Чтобы оставить отзыв, войдите в личный кабинет.
5,000 ₽
30-дневная гарантия возврата денег
Курс включает
- Пожизненный доступ
- Доступ с мобильных устройств
- Сертификат об окончании
Последние новости
if __name__ == '__main__' в Python: зачем нужен и как правильно использовать
10.06.2026Конструкция if __name__ == '__main__': — один из базовых кир...
== и is в Python: разница, примеры и лучшие практики для начинающих
08.06.2026Запрос «== vs is в Python» — один из самых частых у начинающ...
Переменные окружения в Python: os.environ и dotenv (практическое руководство)
01.06.2026Переменные окружения помогают отделить конфигурацию от кода:...
Похожие курсы
