Interviewfragen zu Vue (Junior) mit Antworten

75 Fragen fürs Vorstellungsgespräch zu Vue (Junior) mit richtigen Antworten, Erklärungen und Links zur Dokumentation.

Diesen Test machen
  1. 1.Was ist Vue?
  2. 2.Wie legt man ein neues Vue-Projekt empfohlen an?
  3. 3.Was enthält eine Single-File Component (Datei .vue)?
  4. 4.Wie wird eine Vue-Anwendung erzeugt und an die Seite gehängt?
  5. 5.Was ist der Unterschied zwischen Options API und Composition API?
  6. 6.Was macht {{ message }} in einem Vue-Template?
  7. 7.Wie bindet man ein Attribut an einen JavaScript-Wert?
  8. 8.Wie hört man auf einen Klick?
  9. 9.Was macht @submit.prevent="onSubmit"?
  10. 10.Wie schaltet man eine CSS-Klasse abhängig von einer Bedingung?
  11. 11.Welche Ausdrücke sind in Template-Bindings erlaubt?
  12. 12.Was bedeutet die Kurzform # in <template #header>?
  13. 13.Wie deklariert man reaktiven State in <script setup>?
  14. 14.Was liefert reactive()?
  15. 15.Warum bricht das Destrukturieren eines reactive-Objekts die Reaktivität?
  16. 16.Wofür ist computed() da?
  17. 17.Warum aktualisiert sich das DOM nach einer State-Änderung eventuell nicht sofort?
  18. 18.Braucht man .value, wenn man eine Ref im Template nutzt?
  19. 19.Kann man einer ref, die eine Liste hält, ein neues Array zuweisen?
  20. 20.Was ist der Unterschied zwischen v-if und v-show?
  21. 21.Welche Direktiven bilden eine Kette von Bedingungen?
  22. 22.Wie rendert man eine Liste?
  23. 23.Wie bekommt man in v-for den Index?
  24. 24.Warum sollte man v-if und v-for nicht am selben Element nutzen?
  25. 25.Was macht v-model an einem Input?
  26. 26.Was macht v-model.number?
  27. 27.Wie funktioniert v-model mit mehreren Checkboxen, die an ein Array gebunden sind?
  28. 28.Wie deklariert eine Kindkomponente in <script setup> die Props, die sie annimmt?
  29. 29.Warum sollte ein Kind ein Prop nicht verändern?
  30. 30.Wie benachrichtigt ein Kind sein Elternteil?
  31. 31.Wie übergibt man Markup vom Elternteil an eine Kindkomponente?
  32. 32.Wie nutzt man eine Kindkomponente in <script setup>?
  33. 33.Was passiert mit Attributen wie class, die man an eine Komponente übergibt, die sie nicht als Props deklariert?
  34. 34.Was macht <style scoped>?
  35. 35.Wie nutzt ein Elternteil v-model an einer eigenen Komponente (Vue 3.4+)?
  36. 36.Wie gibt man einem Prop einen Standardwert und macht ein anderes zur Pflicht?
  37. 37.Wie wechselt man dynamisch zwischen mehreren Komponenten?
  38. 38.Wie bekommt eine tief verschachtelte Komponente einen Wert, ohne Props durch jede Ebene zu reichen?
  39. 39.Warum ist v-html gefährlich?
  40. 40.Wo sollte man nach dem Rendern der Komponente auf das DOM zugreifen?
  41. 41.Wofür nutzt man onUnmounted?
  42. 42.Wann sollte man watch statt computed nutzen?
  43. 43.Wie bekommt man in <script setup> (Vue 3.5+) eine Referenz auf ein DOM-Element?
  44. 44.Wo rendert Vue Router die Komponente für die aktuelle URL?
  45. 45.Wie erstellt man einen Navigationslink ohne Neuladen der Seite?
  46. 46.Wie liest man in <script setup> den Parameter :id der Route /users/:id?
  47. 47.Wie navigiert man aus dem Code, z. B. nach dem Speichern eines Formulars?
  48. 48.Was ist Pinia?
  49. 49.Wie definiert und nutzt man einen Pinia-Store?
  50. 50.Was muss man tun, bevor man irgendeinen Pinia-Store nutzt?
  51. 51.Was machen die Event-Modifier .stop und .once?
  52. 52.Wie führt man einen Handler nur aus, wenn in einem Input Enter gedrückt wird?
  53. 53.Was macht v-model.trim?
  54. 54.Was ändert v-model.lazy?
  55. 55.Wie bindet man mehrere Inline-Styles aus einem Objekt?
  56. 56.Was macht v-bind="attrs" ohne Argument?
  57. 57.Was macht v-once?
  58. 58.Was rendert <li v-for="n in 3">{{ n }}</li>?
  59. 59.Wie iteriert man über die Properties eines Objekts?
  60. 60.Wie wendet man v-if auf mehrere Elemente an, ohne ein umschließendes <div> einzufügen?
  61. 61.Warum braucht v-for einen eindeutigen :key?
  62. 62.Wie übergibt man einem Handler sowohl ein Argument als auch das native Event?
  63. 63.Wie schreibt man ein als userName deklariertes Prop im Template des Elternteils?
  64. 64.Welchen Wert bekommt ein Boolean-Prop bei <MyButton disabled />?
  65. 65.Wie bekommt das Elternteil den mit emit('select', id) gesendeten Wert?
  66. 66.Wie zeigt man Standardinhalt, wenn das Elternteil einem Slot nichts übergibt?
  67. 67.Wie navigiert man über den Namen zu einer Route?
  68. 68.Welche Klassen fügt <RouterLink> einem aktiven Link standardmäßig hinzu?
  69. 69.Wie lässt man / die Seite /home öffnen?
  70. 70.Wie definiert man in Vue Router 4 eine Catch-all-Route für 404?
  71. 71.Was ist ein Getter in einem Pinia-Store?
  72. 72.Wofür nutzt man Vue DevTools?
  73. 73.Welche Umgebungsvariablen stehen in einem Vite-Projekt dem Client-Code zur Verfügung?
  74. 74.Was ist in der Composition API der empfohlene Standard für reaktiven State?
  75. 75.Warum kann sich eine mit const deklarierte Ref trotzdem ändern?