Interviewfragen zu Vue (Senior) mit Antworten

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

Diesen Test machen
  1. 1.Wie verfolgt Vue 3 reaktive Abhängigkeiten?
  2. 2.Warum ist reactive(obj) === obj false, und warum ist das wichtig?
  3. 3.Wann sollte man markRaw auf einen Wert im reaktiven State anwenden?
  4. 4.Warum führen 100 State-Änderungen in einem Handler nur zu einem Neurendern?
  5. 5.Wofür ist effectScope da?
  6. 6.Was passiert seit Vue 3.4, wenn ein computed auf denselben Wert neu berechnet wird?
  7. 7.Was geht schief, wenn ein Lifecycle-Hook in einer normalen Funktion setup() nach await registriert wird?
  8. 8.Wie teilt man eine Instanz des State eines Composables zwischen allen Komponenten, die es nutzen?
  9. 9.Was macht das virtuelle DOM von Vue „compiler-informed“?
  10. 10.Warum bevorzugt man in Vue meist Templates gegenüber handgeschriebenen Render-Funktionen?
  11. 11.Was geht schief, wenn v-for den Index als key nutzt und Elemente oben eingefügt werden?
  12. 12.Wie lässt sich das Ändern des key einer Komponente gezielt nutzen?
  13. 13.Was macht v-memo?
  14. 14.Warum kann es große Listen langsam machen, activeId an jedes Listenelement zu geben?
  15. 15.Wie rendert man eine Liste mit 10.000 Zeilen effizient?
  16. 16.Warum kann es teuer sein, große API-Daten in reactive/ref zu packen, und was ist die Alternative?
  17. 17.Wie verkleinert man das initiale Bundle einer großen Vue-SPA?
  18. 18.Was fehlt dem Runtime-only-Build von Vue, und warum ist er mit Vite Standard?
  19. 19.Warum riskiert <KeepAlive> ohne max wachsenden Speicherverbrauch?
  20. 20.Was ist Cross-Request State Pollution beim Vue-SSR?
  21. 21.Was verursacht beim Vue-SSR häufig Hydration-Mismatches?
  22. 22.Was ermöglicht die Lazy Hydration in Vue 3.5?
  23. 23.Warum nutzt man useId() (3.5+) für Attribute id/aria-*?
  24. 24.Welche Lifecycle-Hooks laufen beim SSR?
  25. 25.Warum nutzen viele Teams Nuxt statt selbst gebautem Vue-SSR?
  26. 26.Wie wird Pinia-State vom Server zum Client übertragen?
  27. 27.Warum ist es gefährlich, Vue auf serverseitig gerendertes HTML mit Nutzerinhalten zu mounten?
  28. 28.Ist es in Vue sicher, eine vom Nutzer gelieferte URL an :href zu binden?
  29. 29.Warum ist es riskant, vom Nutzer kontrollierte Werte an :style zu binden?
  30. 30.Wann reicht ein Composable-Singleton auf Modulebene statt Pinia?
  31. 31.Wie organisiert man eine große Vue-Codebasis sinnvoll?
  32. 32.Welche Muster aus Vue 2 muss man bei der Migration auf Vue 3 ersetzen?
  33. 33.Wie migriert man eine große Codebasis von der Options API zur Composition API?
  34. 34.Wie stellt man eine Vue-Komponente als natives Custom Element bereit?
  35. 35.Was bietet ein globaler app.config.errorHandler, was onErrorCaptured nicht bietet?
  36. 36.Wie schreibt man eine generische Komponente (z. B. ein typisiertes Select)?
  37. 37.Was bringt defineSlots?
  38. 38.Wie typisiert man eine Template-Ref auf eine Kindkomponente?
  39. 39.Wie setzt man rollenbasierten Zugriff mit Route-Meta um?
  40. 40.Wie stellt man die Scrollposition wieder her, wenn der Nutzer zurücknavigiert?
  41. 41.Wann würde man router.addRoute() aufrufen?
  42. 42.Wie behandeln Guards asynchrone Arbeit wie das Laden von Berechtigungen?
  43. 43.Was kann ein Pinia-Plugin tun?
  44. 44.Was ist der Unterschied zwischen $subscribe und einem watch auf den Store-State?
  45. 45.Warum müssen Setup Stores jedes State-Teil zurückgeben?
  46. 46.Wie testet man ein Composable, das Lifecycle-Hooks oder inject nutzt?
  47. 47.Wie testet man eine Komponente, die Vue Router nutzt?
  48. 48.Was ist der Hauptkompromiss zwischen Komponententests und End-to-End-Tests?
  49. 49.Wann würde man eine Render-Funktion mit h() schreiben?
  50. 50.Was ermöglicht createRenderer aus @vue/runtime-core?
  51. 51.Was erlaubt das Argument previous eines computed-Getters (Vue 3.4+)?
  52. 52.Was macht deep: 2 an einem Watcher (Vue 3.5+)?
  53. 53.Wie typisiert man eine globale Property wie $t, die über app.config.globalProperties hinzukommt?
  54. 54.Wie streamt man SSR-HTML zum Client, statt auf die ganze Seite zu warten?
  55. 55.Was macht data-allow-mismatch (Vue 3.5+)?
  56. 56.Wofür ist onServerPrefetch da?
  57. 57.Warum warnt Nuxt davor, $fetch für Seitendaten direkt in <script setup> aufzurufen?
  58. 58.Warum nutzt man für geteilten State useState von Nuxt statt einer ref auf Modulebene?
  59. 59.Wann ist router.beforeResolve der richtige Ort für eine Prüfung?
  60. 60.Wie leitet man in einem Guard von Vue Router 4 modern um oder bricht ab?
  61. 61.Wie kombiniert man Routenübergänge und <KeepAlive> mit <RouterView>?
  62. 62.Wofür ist skipHydrate in Pinia da?
  63. 63.Warum ergänzt man Pinia-Store-Dateien um acceptHMRUpdate?
  64. 64.Was löst <Teleport defer> (Vue 3.5+)?
  65. 65.Was bewirkt es, wenn onErrorCaptured false zurückgibt?
  66. 66.Wie mockt man API-Aufrufe in Komponententests, ohne fetch pro Test zu mocken?
  67. 67.Wie baut man mit Vite eine Vue-Komponentenbibliothek, ohne Vue selbst mitzubündeln?
  68. 68.Wie typisiert man ein komplexes Prop in der Options API?
  69. 69.Warum ist ein globales app.provide() für App-weite Services oft besser als globalProperties?
  70. 70.Wie werden Inhalte von <Teleport> beim SSR behandelt?
  71. 71.Warum kann ein reactive-Array mit 50.000 Objekten das Filtern langsam machen, und was hilft?
  72. 72.Wie behält man den Anfangswert eines Props als lokal bearbeitbaren State ohne Warnungen?
  73. 73.Wie teilen Micro-Frontends mit Module Federation eine Vue-Laufzeit?
  74. 74.Wann braucht eine Komponente mit async setup() in Tests besondere Sorgfalt?
  75. 75.Was ist in einer großen App eine sichere Migrationsstrategie von Vuex zu Pinia?