Vue.js / Nuxt.js

Компоненти Vue

Життєвий цикл компонента, props, events, slots, scoped styles, комунікація між компонентами, динамічні компоненти

20 питань зі співбесід·
Junior
1

Що таке компонент Vue?

Відповідь

Компонент Vue — це повторно використовуваний екземпляр Vue з іменем. Він інкапсулює HTML, CSS і JavaScript в незалежну логічну одиницю. Компоненти дозволяють розділити інтерфейс користувача на повторно використовувані та зручні в підтримці частини. Кожен компонент має власний template, логіку та стилі, що полегшує організацію коду та повторне використання.

2

Як оголосити props у компоненті Vue 3 з використанням script setup?

Відповідь

У Vue 3 зі script setup defineProps() — це макрос компілятора, який дозволяє оголошувати props без явного імпорту. Цей макрос автоматично генерує необхідний код і надає props у template. Він підтримує перевірку типів TypeScript і JavaScript, роблячи код більш стислим і типобезпечним, ніж підхід Options API.

3

Яку функцію виконує хук onMounted() у lifecycle компонента?

Відповідь

Хук onMounted() виконується після того, як компонент було змонтовано в DOM. Це ідеальний момент для виконання операцій, що потребують доступу до DOM, як-от ініціалізація сторонніх бібліотек, отримання даних через API або пряме маніпулювання елементами DOM. На цьому етапі template вже відрендерено, а refs доступні.

4

Як дочірній компонент emit-ить подію до свого батьківського компонента?

5

Для чого використовуються slots у компоненті Vue?

+17 питань зі співбесід

Інші теми співбесід Vue.js / Nuxt.js

Основи JavaScript

Junior
20 запитань

Сучасний JavaScript (ES6+)

Junior
20 запитань

Основи Vue

Junior
22 запитань

Vue Router

Junior
18 запитань

Pinia State Management

Junior
20 запитань

Vuex (Legacy)

Mid-Level
15 запитань

Composition API

Mid-Level
24 запитань

Реактивність Vue

Mid-Level
20 запитань

Основи Nuxt

Mid-Level
22 запитань

Отримання даних у Nuxt

Mid-Level
20 запитань

SSR і SSG у Nuxt

Mid-Level
22 запитань

Серверні маршрути Nuxt

Mid-Level
20 запитань

Модулі Nuxt

Mid-Level
18 запитань

Composables у Vue

Mid-Level
20 запитань

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

Mid-Level
20 запитань

Керування станом у Nuxt

Mid-Level
18 запитань

Тестування Vue

Mid-Level
20 запитань

Розгортання Nuxt та CI/CD

Mid-Level
22 запитань

Продуктивність Vue

Senior
22 запитань

Просунуті патерни Vue

Senior
24 запитань

TypeScript із Vue

Senior
22 запитань

Автентифікація Nuxt

Senior
20 запитань

SEO з Nuxt

Senior
20 запитань

Інтернаціоналізація Nuxt

Senior
18 запитань

Архітектура Vue

Senior
22 запитань

Безпека Nuxt

Senior
20 запитань

Екосистема Vue

Senior
18 запитань

Міграція Vue 2→3 та Nuxt 2→3

Senior
22 запитань

Опануй Vue.js / Nuxt.js для наступної співбесіди

Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.

Почни безкоштовно