Vue.js / Nuxt.js

Komponenty Vue

Cykl życia komponentu, props, events, slots, scoped styles, komunikacja między komponentami, komponenty dynamiczne

20 pytań z rozmów·
Junior
1

Czym jest komponent Vue?

Odpowiedź

Komponent Vue to wielokrotnego użytku instancja Vue z nazwą. Enkapsuluje HTML, CSS i JavaScript w niezależnej jednostce logicznej. Komponenty pozwalają dzielić interfejs użytkownika na wielokrotnego użytku i łatwe w utrzymaniu fragmenty. Każdy komponent ma własny template, logikę i style, co ułatwia organizację kodu i ponowne wykorzystanie.

2

Jak zadeklarować props w komponencie Vue 3 z użyciem script setup?

Odpowiedź

W Vue 3 ze script setup defineProps() to makro kompilatora, które pozwala deklarować props bez jawnego importu. Makro to automatycznie generuje niezbędny kod i udostępnia props w template. Obsługuje walidację typów TypeScript i JavaScript, dzięki czemu kod jest bardziej zwięzły i bezpieczny typowo niż w podejściu Options API.

3

Jaką funkcję pełni hook onMounted() w lifecycle komponentu?

Odpowiedź

Hook onMounted() wykonuje się po zamontowaniu komponentu w DOM. To idealny moment na wykonanie operacji wymagających dostępu do DOM, takich jak inicjalizacja bibliotek zewnętrznych, pobieranie danych przez API czy bezpośrednia manipulacja elementami DOM. Na tym etapie template jest już wyrenderowany, a refs są dostępne.

4

W jaki sposób komponent potomny emituje zdarzenie do komponentu nadrzędnego?

5

Do czego służą slots w komponencie Vue?

+17 pytań z rozmów

Inne tematy rekrutacyjne Vue.js / Nuxt.js

Podstawy JavaScript

Junior
20 pytań

Nowoczesny JavaScript (ES6+)

Junior
20 pytań

Podstawy Vue

Junior
22 pytań

Vue Router

Junior
18 pytań

Pinia State Management

Junior
20 pytań

Vuex (Legacy)

Mid-Level
15 pytań

Composition API

Mid-Level
24 pytań

Reaktywność Vue

Mid-Level
20 pytań

Podstawy Nuxt

Mid-Level
22 pytań

Pobieranie danych w Nuxt

Mid-Level
20 pytań

SSR i SSG w Nuxt

Mid-Level
22 pytań

Trasy serwerowe Nuxt

Mid-Level
20 pytań

Moduły Nuxt

Mid-Level
18 pytań

Composables we Vue

Mid-Level
20 pytań

Formularze i walidacja Vue

Mid-Level
20 pytań

Zarządzanie stanem w Nuxt

Mid-Level
18 pytań

Testowanie Vue

Mid-Level
20 pytań

Wdrażanie Nuxt i CI/CD

Mid-Level
22 pytań

Wydajność Vue

Senior
22 pytań

Zaawansowane wzorce Vue

Senior
24 pytań

TypeScript z Vue

Senior
22 pytań

Uwierzytelnianie Nuxt

Senior
20 pytań

SEO z Nuxt

Senior
20 pytań

Internacjonalizacja w Nuxt

Senior
18 pytań

Architektura Vue

Senior
22 pytań

Bezpieczeństwo Nuxt

Senior
20 pytań

Ekosystem Vue

Senior
18 pytań

Migracja Vue 2→3 i Nuxt 2→3

Senior
22 pytań

Opanuj Vue.js / Nuxt.js na następną rozmowę

Uzyskaj dostęp do wszystkich pytań, flashcards, testów technicznych, ćwiczeń code review i symulatorów rozmów.

Zacznij za darmo