Zaawansowane wzorce Vue
Provide/inject, custom directives, render functions, JSX, teleport, suspense, async components
1Jaki jest główny cel provide/inject w Vue 3?
Jaki jest główny cel provide/inject w Vue 3?
Odpowiedź
Provide/inject pozwala przekazywać dane z komponentu nadrzędnego do dowolnego komponentu potomnego bez przekazywania props przez każdy poziom pośredni. Pozwala to uniknąć 'props drilling', gdzie props muszą być przekazywane przez wiele poziomów komponentów, które ich nie potrzebują. Jest to szczególnie przydatne do udostępniania danych globalnych, takich jak konfiguracja motywu lub stan uwierzytelnienia.
2Jak zadeklarować wartość za pomocą provide w komponencie używającym Composition API?
Jak zadeklarować wartość za pomocą provide w komponencie używającym Composition API?
Odpowiedź
W Composition API używa się funkcji provide z dwoma argumentami: kluczem (string lub Symbol) i wartością do udostępnienia. Na przykład wewnątrz setup. Wartość ta będzie dostępna dla komponentów potomnych poprzez inject. Używanie Symboli jako kluczy gwarantuje unikalność i pozwala uniknąć kolizji nazw.
3Jaka jest główna funkcja dyrektywy Teleport w Vue 3?
Jaka jest główna funkcja dyrektywy Teleport w Vue 3?
Odpowiedź
Teleport pozwala renderować zawartość komponentu w innym węźle DOM niż jego pozycja w drzewie komponentów Vue. Zwykle używany jest do modali, tooltipów i powiadomień, które muszą być renderowane w korzeniu dokumentu, aby uniknąć problemów z z-index i pozycjonowaniem CSS. Komponent zachowuje swój kontekst Vue i może uzyskiwać dostęp do danych rodzica.
Który atrybut jest wymagany, aby użyć Teleport w Vue 3?
Czym jest custom directive w Vue?
+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)
Composition API
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
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