Question 1

Was ist das Reaktivitätssystem von Vue?

Accepted Answer

Das Reaktivitätssystem von Vue erkennt Änderungen an den Daten automatisch und aktualisiert das DOM entsprechend. Es stützt sich auf JavaScript-Proxies, die den Zugriff auf und die Änderung von Eigenschaften abfangen. Dieses System sorgt dafür, dass die Benutzeroberfläche ohne manuelles Eingreifen mit dem Anwendungszustand synchron bleibt.

Question 2

Was ist der Hauptunterschied zwischen ref() und reactive()?

Accepted Answer

ref() erstellt eine reaktive Referenz für einen primitiven Wert oder ein Objekt, auf die über .value zugegriffen wird, während reactive() einen reaktiven Proxy eines Objekts erstellt, ohne .value für den Zugriff auf Eigenschaften zu erfordern. ref() ist universell (Primitive + Objekte) und ideal für einfache Werte, während reactive() für Objekte optimiert ist, aber nicht mit Primitiven funktioniert. In der Praxis wird ref() oft bevorzugt, da es mit allen Typen funktioniert.

Question 3

Wie greift man im Template im Vergleich zum Skript auf den Wert eines ref zu?

Accepted Answer

Im Template entpackt Vue refs automatisch, was den direkten Zugriff ohne .value ermöglicht (z. B. {{ count }}). Im Skript müssen Sie .value verwenden, um den Wert des ref zu lesen oder zu ändern (z. B. count.value++). Dieses automatische Verhalten in Templates vereinfacht das Schreiben von Code und behält gleichzeitig die explizite Kontrolle in der JavaScript-Logik bei.

Vue-Reaktivität

Was ist das Reaktivitätssystem von Vue?

Antwort

Was ist der Hauptunterschied zwischen ref() und reactive()?

Antwort

Wie greift man im Template im Vergleich zum Skript auf den Wert eines ref zu?

Antwort

Was passiert, wenn man ein reactive()-Objekt destrukturiert?

Wozu dient toRefs() in Vue?

Weitere Vue.js / Nuxt.js-Interviewthemen

JavaScript-Grundlagen

Modernes JavaScript (ES6+)

Vue-Grundlagen

Vue-Komponenten

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

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

TypeScript mit Vue

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