Interviewfragen zu Vue (Middle) mit Antworten

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

Diesen Test machen
  1. 1.Warum feuert dieser Watcher nicht?
  2. 2.Wie unterscheidet sich watchEffect von watch?
  3. 3.Wie bricht man eine veraltete Anfrage ab, wenn sich eine beobachtete id schnell ändert (Vue 3.5+)?
  4. 4.Was bewirkt { deep: true } an einem Watcher?
  5. 5.Wann ist shallowRef die bessere Wahl gegenüber ref?
  6. 6.Was macht toRefs?
  7. 7.Was ist ein beschreibbares computed?
  8. 8.Warum ist es ein Bug, in einem computed-Getter State zu verändern?
  9. 9.Wie lässt man einen watch-Callback auch sofort mit dem aktuellen Wert laufen?
  10. 10.Wann läuft ein Watcher mit flush: 'post'?
  11. 11.Was ermöglichen Modifier von defineModel?
  12. 12.Wie wendet man Fallthrough-Attribute auf ein inneres Element statt auf die Wurzel an?
  13. 13.Was ist ein Scoped Slot?
  14. 14.Wie hält man bereitgestellten State reaktiv, verhindert aber, dass Nachfahren ihn ändern?
  15. 15.Warum nutzt man für provide/inject ein Symbol vom Typ InjectionKey statt eines Strings?
  16. 16.Was macht defineAsyncComponent?
  17. 17.Was macht defineExpose in <script setup>?
  18. 18.Was erlaubt die reaktive Destrukturierung von Props in 3.5?
  19. 19.Wie typisiert man Komponenten-Events mit TypeScript?
  20. 20.Was ist ein Composable?
  21. 21.Welche Probleme von Mixins lösen Composables?
  22. 22.Wie sollte ein Composable Argumente annehmen, die Refs, Getter oder einfache Werte sein können?
  23. 23.Warum müssen Composables in <script setup> synchron statt in einem Callback aufgerufen werden?
  24. 24.Was passiert, wenn <script setup> ein await auf oberster Ebene enthält?
  25. 25.Wie schreibt man in <script setup> eine lokale eigene Direktive?
  26. 26.Was ist ein Vue-Plugin?
  27. 27.Was macht <KeepAlive>?
  28. 28.Warum rendert man ein Modal mit <Teleport to="body">?
  29. 29.Wie animiert <Transition name="fade"> ein Element?
  30. 30.Welches Problem löst nextTick hier?
  31. 31.Wie lädt man eine Routen-Komponente lazy?
  32. 32.Wie schützt man Routen, die eine Anmeldung erfordern?
  33. 33.Warum aktualisiert sich die Seite beim Wechsel von /users/1 zu /users/2 nicht?
  34. 34.Was macht props: true in einer Routendefinition?
  35. 35.Warum liefert das Neuladen von /about mit createWebHistory in Produktion 404?
  36. 36.Was ist der Unterschied zwischen router.push und router.replace?
  37. 37.Wie werden verschachtelte Routen gerendert?
  38. 38.Warum verliert das Destrukturieren eines Pinia-Stores die Reaktivität, und wie behebt man das?
  39. 39.Was ist der Unterschied zwischen Setup Stores und Option Stores in Pinia?
  40. 40.Was bietet store.$patch?
  41. 41.Können Pinia-Actions asynchron sein?
  42. 42.Wie nutzt man einen Store außerhalb einer Komponente, z. B. in einem Router-Guard?
  43. 43.Warum wird dieser Pinia-Getter nicht gecacht?
  44. 44.Wie kann ein Pinia-Store einen anderen nutzen?
  45. 45.Wie stylt man aus einem gekapselten Style ein Element in einer Kindkomponente?
  46. 46.Was macht v-bind() in <style>?
  47. 47.Wie fängt man Fehler aus Nachfahren-Komponenten ab?
  48. 48.Warum wartet man in Vue Test Utils mit await auf Nutzerinteraktionen?
  49. 49.Wie testet man eine Komponente, die Pinia-Stores nutzt?
  50. 50.Welches Werkzeug prüft in der CI die Typen von .vue-Dateien, einschließlich Templates?
  51. 51.Wie animiert man das Hinzufügen, Entfernen und Umsortieren von Elementen einer Liste?
  52. 52.Warum bevorzugt man lokale Imports gegenüber globaler Registrierung per app.component()?
  53. 53.Wie setzt man in <script setup> Komponentenoptionen wie inheritAttrs: false?
  54. 54.Wie beobachtet man mehrere Quellen mit einem Callback?
  55. 55.Was macht { once: true } an einem Watcher (Vue 3.4+)?
  56. 56.Wie stoppt man einen Watcher, bevor die Komponente unmountet?
  57. 57.Wie erzeugt man eine Ref, die Updates entprellt?
  58. 58.Du veränderst ein Array in einem shallowRef. Warum aktualisiert sich die View nicht, und wie behebst du es?
  59. 59.Was macht <Suspense> mit einer Komponente, die ein await auf oberster Ebene in <script setup> hat?
  60. 60.Wie warnt man den Nutzer, bevor er eine Route mit ungespeicherten Änderungen verlässt?
  61. 61.Welche zwei üblichen Wege gibt es, Daten für eine Route zu laden?
  62. 62.Wie hält man Filter in der URL-Query und reagiert auf ihre Änderungen?
  63. 63.Was sind Named Views in Vue Router?
  64. 64.Wie unterscheidet sich ein Routen-alias von einem redirect?
  65. 65.Woher weiß man, ob router.push() tatsächlich navigiert hat?
  66. 66.Hat ein Setup Store ein $reset() wie ein Option Store?
  67. 67.Wie loggt man jede Action eines Pinia-Stores und ihre Fehler?
  68. 68.Was bietet VueUse?
  69. 69.Wie sehen CSS Modules in einer SFC aus?
  70. 70.Wie stylt man aus den gekapselten Styles einer Komponente den Slot-Inhalt, den das Elternteil übergibt?
  71. 71.Wann ist shallowMount in Vue Test Utils nützlich?
  72. 72.Warum ruft man in einem Komponententest nach dem Klick auf einen Button, der einen API-Aufruf auslöst, await flushPromises() auf?
  73. 73.Was sollte für die Barrierefreiheit nach einer clientseitigen Navigation in einer SPA mit dem Fokus passieren?
  74. 74.Wie startet man einen Vite-Build mit den Einstellungen aus .env.staging?
  75. 75.Warum sollten Produktions-Builds den Produktionsmodus von Vue nutzen?