Question 1

Was ist die Hauptaufgabe von defineComponent in Vue 3 mit TypeScript?

Accepted Answer

defineComponent aktiviert die TypeScript-type-inference für die Komponentenoptionen. Ohne diese Funktion würde der this-Kontext in der Options API als any behandelt. Sie stellt sicher, dass props, data, computed und Methoden automatisch korrekt typisiert werden.

Question 2

Warum sollte man PropType verwenden, wenn man komplexe props mit runtime declaration deklariert?

Accepted Answer

PropType ist ein utility type von Vue, mit dem sich prop-Typen bei der runtime-Deklaration casten lassen. Object as PropType Book stellt sicher, dass book korrekt als Book statt als generisches Object typisiert wird. Das verbessert die Autovervollständigung und die Typsicherheit, ohne script setup mit generischen Typen zu erfordern.

Question 3

Was ist der Unterschied zwischen script setup und script setup mit lang='ts' für die type inference?

Accepted Answer

script setup mit lang='ts' aktiviert TypeScript und ermöglicht eine automatische type inference ohne defineComponent. Mit defineProps definierte props werden automatisch typisiert, refs verfügen über eine vollständige inference und TypeScript-Fehler werden zur Kompilierzeit erkannt. Ohne lang='ts' findet keine Typprüfung statt.

TypeScript mit Vue

Was ist die Hauptaufgabe von defineComponent in Vue 3 mit TypeScript?

Antwort

Warum sollte man PropType verwenden, wenn man komplexe props mit runtime declaration deklariert?

Antwort

Was ist der Unterschied zwischen script setup und script setup mit lang='ts' für die type inference?

Antwort

Wie typisiert man eine ref korrekt, die in TypeScript anfänglich null sein kann?

Was ist der Hauptvorteil von generischen Komponenten mit script setup generic in Vue 3.3+?

Weitere Vue.js / Nuxt.js-Interviewthemen

JavaScript-Grundlagen

Modernes JavaScript (ES6+)

Vue-Grundlagen

Vue-Komponenten

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Vue-Reaktivität

Nuxt-Grundlagen

Nuxt Data Fetching

Nuxt SSR & SSG

Nuxt Server-Routes

Nuxt-Module

Vue Composables

Vue Formulare & Validierung

Nuxt State Management

Vue-Testing

Nuxt-Deployment & CI/CD

Vue-Performance

Fortgeschrittene Vue-Patterns

Nuxt-Authentifizierung

SEO mit Nuxt

Nuxt-Internationalisierung

Vue-Architektur

Nuxt-Sicherheit

Vue-Ökosystem

Migration Vue 2→3 & Nuxt 2→3

Meistere Vue.js / Nuxt.js für dein nächstes Interview