Vue-Interviews konzentrieren sich auf das Reaktivitätssystem, die Composition API und die Kommunikation zwischen Komponenten. Unten findest du die häufigsten Fragen mit Musterantworten. Junior: Grundlagentheorie, Definitionen und einfache Praxisfälle.
ref verpackt jeden Wert, im Script greift man über .value darauf zu, Templates entpacken es automatisch für dich. reactive nimmt ein Objekt und gibt einen reaktiven Proxy ohne Wrapper zurück. Die praktische Regel lautet ref für alles, weil das Destrukturieren eines reactive-Objekts die Reaktivität verliert — und das überrascht jedes Mal.
computed leitet einen Wert ab und cached ihn, bis sich eine Abhängigkeit ändert — es muss pur sein und etwas zurückgeben. watch führt einen Seiteneffekt aus, wenn sich etwas ändert: einen Request, ein Schreiben in einen Storage. Wenn du watch nutzt, um einen anderen State-Wert zu setzen, ist das meist ein computed, das noch nicht erkannt wurde.
v-if fügt das Element dem DOM hinzu und entfernt es wieder, die Komponente wird also erstellt und zerstört. v-show lässt es stehen und schaltet nur CSS um. v-if wenn sich etwas selten ändert oder teuer zu rendern ist, v-show wenn häufig umgeschaltet wird — ein Tab, der ständig gewechselt wird, sollte nicht bei jedem Klick seinen Teilbaum neu aufbauen.
Damit Vue Elemente zwischen Renders zuordnen kann, statt sich auf die Position zu verlassen. Ohne stabilen key patcht Vue nach Index und verwendet den falschen DOM-Knoten weiter — eine angehakte Checkbox bleibt auf der Zeile, die diese Position eingenommen hat, statt ihrem Element zu folgen. Der Index ist nur dem Namen nach ein key, sobald etwas umsortiert werden kann.
Indem sie ein Event emittet, auf das der Parent hört. Props gehen nach unten, Events nach oben — ein Kind mutiert keinen Prop, und Vue warnt, wenn es das versucht. defineModel beziehungsweise das v-model-Pattern ist genau dasselbe Paar mit einer Namenskonvention obendrauf.
onMounted für alles, was das DOM oder einen ersten Fetch braucht, onUnmounted, um das wieder rückgängig zu machen — einen Listener, einen Timer, eine Subscription. onUpdated ist selten die richtige Antwort und oft der Punkt, an dem Endlosschleifen entstehen. In der Composition API sind das Funktionen, die innerhalb von setup aufgerufen werden, statt Optionen auf der Komponente.
Im echten Interview sprichst du unter Druck. Cam stellt genau diese Fragen, bewertet jede Antwort und zeigt dir genau, was du verbessern musst.
Junior Vue Frontend-Interview üben →