TypeScript z Vue
Wsparcie TypeScript w Vue 3, defineComponent, PropType, type inference, generic components, strict mode
1Jaka jest główna rola defineComponent w Vue 3 z TypeScript?
Jaka jest główna rola defineComponent w Vue 3 z TypeScript?
Odpowiedź
defineComponent włącza type inference TypeScript dla opcji komponentu. Bez tej funkcji kontekst this byłby traktowany jako any w Options API. Zapewnia, że props, data, computed i metody są automatycznie poprawnie typowane.
2Dlaczego warto używać PropType przy deklarowaniu złożonych props z runtime declaration?
Dlaczego warto używać PropType przy deklarowaniu złożonych props z runtime declaration?
Odpowiedź
PropType to utility type Vue, który pozwala rzutować typy props podczas deklaracji runtime. Object as PropType Book zapewnia, że book jest poprawnie typowany jako Book zamiast jako ogólny Object. Poprawia to autouzupełnianie i bezpieczeństwo typów bez konieczności stosowania script setup z typami generycznymi.
3Jaka jest różnica między script setup a script setup z lang='ts' pod kątem type inference?
Jaka jest różnica między script setup a script setup z lang='ts' pod kątem type inference?
Odpowiedź
script setup z lang='ts' włącza TypeScript i umożliwia automatyczną type inference bez defineComponent. Props zdefiniowane za pomocą defineProps są automatycznie typowane, refs mają pełną inference, a błędy TypeScript są wykrywane na etapie kompilacji. Bez lang='ts' nie jest wykonywane żadne sprawdzanie typów.
Jak poprawnie otypować ref, który początkowo może być null w TypeScript?
Jaka jest główna zaleta komponentów generycznych z script setup generic w Vue 3.3+?
+19 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
Zaawansowane wzorce 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