Vue

Раздел охватывает Vue 3 с упором на Composition API и `<script setup>`: SFC, реактивность, жизненный цикл компонентов, Vue Router, обработку ошибок, оптимизацию производительности и экосистему.

19 статей 150 вопросов

Начни с базы

Основы Vue 3: SFC, шаблоны, директивы, компоненты

Фундамент Vue 3 для подготовки к собеседованиям: SFC, директивы, компоненты, props, emits, v-model, условный рендеринг, списки и создание проекта через Vite. Основной фокус — Composition API и <script setup>.

8 вопросов

Реактивность Vue: ref, reactive, computed, watch и Proxy

Глубокий разбор системы реактивности Vue 3: ref и reactive, computed и watch, toRef/toRefs, readonly, shallow-API, реактивность коллекций и работа Proxy под капотом.

10 вопросов

Composition API и <script setup>

Composition API в Vue 3: setup(), <script setup>, composables, provide/inject, организация кода и лучшие практики для собеседований.

8 вопросов

Vue Router

Полное руководство по Vue Router для подготовки к собеседованиям: маршрутизация в SPA, динамические маршруты, вложенные роуты, navigation guards, lazy loading, useRoute и useRouter, сравнение с React Router.

8 вопросов

Жизненный цикл компонента во Vue

Lifecycle hooks во Vue 3: onMounted, onUpdated, onUnmounted, onBeforeMount, onBeforeUpdate, onBeforeUnmount, onErrorCaptured. Render → patch, порядок вызова в дереве и сравнение с React useEffect / useLayoutEffect.

8 вопросов

Углубись в детали

События во Vue

Обработка событий во Vue 3: директива v-on и модификаторы, компонентные события через emits, нативные события на компонентах, v-model как сахар для пропса + события. Composition API и <script setup>.

8 вопросов

Компоненты, слоты и композиция

Продвинутая композиция компонентов во Vue 3: слоты (default, named, scoped), render-функции и h(), динамические компоненты, keep-alive и teleport. Composition API и <script setup>.

8 вопросов

Формы и валидация во Vue

Формы во Vue 3: v-model и defineModel, модификаторы, валидация на composables, vee-validate с zod, FormKit и доступность полей.

9 вопросов

Оптимизация производительности

Оптимизация Vue 3-приложений: computed, v-memo, defineAsyncComponent, shallowRef, lazy hydration, профилирование и сравнение с React.memo, useMemo, useCallback.

9 вопросов

Suspense и async setup

Работа с асинхронными компонентами во Vue 3: <Suspense>, async setup(), fallback, вложенные границы, события Suspense, связь с обработкой ошибок и SSR.

9 вопросов

Обработка ошибок

Обработка ошибок в Vue 3: app.config.errorHandler, onErrorCaptured, error boundary pattern, ошибки в асинхронном коде, SSR и сравнение с React.

9 вопросов

Transition и TransitionGroup

Анимации переходов во Vue 3: <Transition>, <TransitionGroup>, CSS-классы enter/leave/move, JS-хуки, анимация списков, производительность и сравнение с React.

8 вопросов

Кастомные директивы во Vue

Кастомные директивы во Vue 3: хуки жизненного цикла, объект binding, аргументы и модификаторы, локальная и глобальная регистрация, примеры v-focus, v-click-outside, v-intersect, v-debounce и сравнение с composables.

6 вопросов

Плагины и app-level API во Vue

Плагины во Vue 3 и app-level API: функция install и app.use, глобальные component/directive/provide, app.config (errorHandler, globalProperties, optionMergeStrategies), app.mount и app.unmount, несколько приложений на странице, типизация и сравнение с composables.

7 вопросов

Стилизация во Vue: scoped, v-bind и CSS Modules

Стилизация во Vue: scoped-стили и data-атрибуты, deep-селекторы :deep()/:slotted()/:global(), v-bind() в CSS, CSS Modules, динамические классы и темизация через custom properties.

6 вопросов

Доступные компоненты во Vue

Доступность Vue-компонентов: focus trap для модалок на Teleport, aria-live и Transition, атрибут inert, клавиатурные паттерны tabs/dialog/combobox и prefers-reduced-motion.

7 вопросов

Веб-компоненты и UI-киты во Vue

Веб-компоненты во Vue: defineCustomElement, Shadow DOM, стили и ограничения. UI-киты (Element Plus, Vuetify, PrimeVue, Naive UI), дизайн-системы и поставка компонентов в другие фреймворки.

7 вопросов

Не будет лишним

Options API vs Composition API

Сравнение Options API и Composition API во Vue 3: история, ключевые различия, когда что использовать и как мигрировать legacy-код.

7 вопросов

Экосистема VueUse

Обзор библиотеки VueUse: готовые composables для состояния, DOM, сенсоров, сети и браузерных API, а также критерии выбора между готовым решением и собственным composable.

8 вопросов