Composition API
Setup function, ref, reactive, computed, watch, lifecycle hooks, composables, script setup
1Czym jest Composition API w Vue 3?
Czym jest Composition API w Vue 3?
Odpowiedź
Composition API to nowy sposób organizowania logiki komponentów Vue przy użyciu funkcji kompozycyjnych zamiast opcji (data, methods, computed). Pozwala grupować logikę według funkcjonalności, a nie według typu opcji, co ułatwia ponowne wykorzystanie kodu poprzez composables. Zapewnia również lepsze wsparcie dla TypeScript oraz lepszą organizację złożonych komponentów.
2Jaka jest główna funkcja używana w Composition API do definiowania logiki komponentu?
Jaka jest główna funkcja używana w Composition API do definiowania logiki komponentu?
Odpowiedź
Funkcja setup() jest punktem wejścia Composition API. Wykonuje się przed utworzeniem komponentu, jeszcze przed created(). Otrzymuje props oraz kontekst jako argumenty i musi zwrócić obiekt zawierający dane i funkcje udostępniane szablonowi. To właśnie w setup() używamy ref, reactive, computed, watch oraz lifecycle hooks Composition API.
3Jaka jest główna różnica między ref() a reactive()?
Jaka jest główna różnica między ref() a reactive()?
Odpowiedź
ref() tworzy reaktywne odniesienie do wartości prymitywnej lub obiektu, dostępne poprzez .value w skrypcie (ale automatycznie rozpakowywane w szablonach). reactive() tworzy reaktywne proxy wyłącznie dla obiektów i tablic, bez wymogu .value, ale traci reaktywność po destrukturyzacji. ref() jest bardziej uniwersalny dla wartości prymitywnych, reactive() jest bardziej naturalny dla złożonych obiektów, ale do destrukturyzacji wymaga toRef/toRefs.
Jak uzyskać dostęp do wartości ref w funkcji setup()?
Jak utworzyć właściwość computed w Composition API?
+21 pytań z rozmów
Inne tematy rekrutacyjne Vue.js / Nuxt.js
Podstawy JavaScript
Nowoczesny JavaScript (ES6+)
Podstawy Vue
Komponenty Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Reaktywność Vue
Podstawy Nuxt
Pobieranie danych w Nuxt
SSR i SSG w Nuxt
Trasy serwerowe Nuxt
Moduły Nuxt
Composables we Vue
Formularze i walidacja Vue
Zarządzanie stanem w Nuxt
Testowanie Vue
Wdrażanie Nuxt i CI/CD
Wydajność Vue
Zaawansowane wzorce Vue
TypeScript z Vue
Uwierzytelnianie Nuxt
SEO z Nuxt
Internacjonalizacja w Nuxt
Architektura Vue
Bezpieczeństwo Nuxt
Ekosystem Vue
Migracja Vue 2→3 i Nuxt 2→3
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