Testen Sie Ihr Vue Grundlagen-Wissen - Können Sie unser Quiz mit 25 Fragen meistern?

1/25 Wie installiert man das Vue CLI global?

npm install vue-cli
npm install -g vue-cli
npm install vue-cli -global
npm install vue-cli -g

2/25 Was ist das Stichwort für die Erstellung einer Konstanten in Vue.js?

Define
Const
Keine der oben genannten.

3/25 Alle sind Lebenszyklus-Hooks in Vue außer ...

beforeCreate
created
mounted
beforeMount
didMount

4/25 Was ist der Unterschied zwischen den Direktiven v-show und v-if?

v-if rendert das Element nur im DOM, wenn der Ausdruck zutrifft, während v-show alle Elemente im DOM rendert und dann die CSS-Display-Eigenschaft verwendet, um Elemente basierend auf dem Ausdruck anzuzeigen/zu verbergen.
v-if unterstützt v-else und v-else-if Direktiven, während v-show keine else-Direktiven unterstützt.
v-if unterstützt Tab, aber v-show unterstützt kein Tab.
Alle oben genannten

5/25 V-model Direktive wird verwendet in ...

Zwei-Wege-Datenbindung, bei der der Ansichtsteil (UI) der Anwendung automatisch aktualisiert wird, wenn das Datenmodell geändert wird.
Zwei-Wege-Datenbindung, bei der der Ansichtsteil (UI) der Anwendung nicht automatisch aktualisiert wird. Man muss benutzerdefinierten Code schreiben, damit er jedes Mal aktualisiert wird, wenn ein Datenmodell geändert wird.
Einweg-Datenbindung, bei der der Ansichtsteil (UI) der Anwendung automatisch aktualisiert wird, wenn das Datenmodell geändert wird.
Einweg-Datenbindung, bei der der Ansichtsteil (UI) der Anwendung nicht automatisch aktualisiert wird. Man muss benutzerdefinierten Code schreiben, damit er jedes Mal aktualisiert wird, wenn ein Datenmodell geändert wird.

6/25 Was ist der Zweck der 'computed' Eigenschaft in Vue.js?

Um Anwendungszustände zu speichern
Um Methoden zu definieren
Um asynchrone Operationen zu definieren
Um einen Wert zu berechnen und zurückzugeben, basierend auf reaktiven Abhängigkeiten
Um direkt mit dem DOM zu interagieren

7/25 Welche Rolle spielt die 'watch' Eigenschaft in Vue.js?

Um tiefe Objektvergleiche durchzuführen
Eine Funktion auszuführen, wenn sich eine bestimmte Daten-Eigenschaft ändert
Daten an Template-Elemente zu binden
Durch Elemente in einem Array zu schleifen

8/25 Was ist der Zweck der 'v-bind' Direktive in Vue.js?

Um Klassen- und Style-Eigenschaften zu binden
Um DOM-Eigenschaften an Daten zu binden
Um Textinhalt anzuzeigen
Um Methoden für die Ereignisbehandlung zu definieren

9/25 Was ist die Rolle der 'filters' Funktion in Vue.js?

Für das Erstellen globaler Mixins
Für das Anwenden allgemeiner Textformatierung
Für das Filtern von Elementen in einer v-for Liste
Für die Validierung von Formulareingaben

10/25 In Vue.js, welche Option wird verwendet, um den anfänglichen Datenzustand einer Komponente zu definieren?

data: {}
state: {}
model: {}
props: {}

11/25 Was ist der Zweck des 'static' Schlüsselworts in einer Vue.js-Komponente?

Um eine statische Methode in einer Komponente zu erstellen
Um die Reaktivität auf eine Eigenschaft zu verhindern
Um anzuzeigen, dass eine Eigenschaft nicht in die Vorlage aufgenommen werden sollte
Um eine Eigenschaft global zugänglich zu machen

12/25 Welches Vue.js-Feature wird verwendet, um Props in lokale, reaktive Daten zu transformieren?

Berechnete Eigenschaften
Beobachter
Daten-Eigenschaften
Props nach unten, Ereignisse nach oben

13/25 In Vue.js, was bewirkt das 'functional' Attribut in einer Komponentendefinition?

Es macht die Komponente zustandsbehaftet
Es zeigt an, dass die Komponente rein funktional und zustandslos ist
Es verbessert die Leistung der Komponente
Es erlaubt der Komponente, ihren eigenen Zustand zu verwalten

14/25 Wie kann man in einer Vue-Komponente mit Vue Router auf die Routenparameter zugreifen?

this.$route.params
this.params
Vue.getParams()
this.$router.params

15/25 Was ist der Hauptzweck des 'beforeRouteEnter' Navigationswächters in Vue Router?

Um Routenparameter vor dem Betreten einer Route zu ändern
Um Aktionen auszuführen, bevor die Route bestätigt wird
Um die Navigation zu einer neuen Route zu verhindern
Um Daten vor dem Betreten einer Route zu laden

16/25 Welches Vue.js-Feature ermöglicht es, auf Änderungen reaktiver Daten Nebeneffekte auszuführen?

Methoden
Berechnete Eigenschaften
Beobachter
Direktiven

17/25 Wie kann man in Vue.js mehrere Attribute dynamisch an ein Element binden?

Mit v-bind und einem Objekt
Mit mehreren v-bind Direktiven
Mit einer berechneten Eigenschaft
Es ist nicht möglich, mehrere Attribute dynamisch zu binden

18/25 In Vue.js, was ist der primäre Einsatz der 'provide/inject' Funktion?

Um Daten von Eltern- zu Kindkomponenten weiterzugeben
Um Dienste oder Abhängigkeiten in eine Komponente zu injizieren
Zur Verwaltung des globalen Zustands
Um reaktive Datenquellen bereitzustellen

19/25 Wie erklärt man eine Prop in Vue.js, die einen Standardwert hat und validiert wird?

props: { propName: { default: Wert, validator: Funktion } }
props: ['propName', default: Wert, validate: Funktion]
props: { propName: Wert, validator: Funktion }
props: { propName: { Wert, validator: Funktion } }

20/25 In Vue.js, wofür wird die 'el' Eigenschaft in einer Vue-Instanz verwendet?

Um das Element zu definieren, auf dem die Vue-Instanz gemountet wird
Um das übergeordnete Element für die Instanz anzugeben
Um reaktive Eigenschaften zu deklarieren
Um das Template für die Instanz festzulegen

21/25 Was ist der Zweck der 'v-show' Direktive in Vue.js?

Um die Sichtbarkeit eines Elements umzuschalten
Um ein Element für ein einzelnes Rendern anzuzeigen
Um ein Element aus dem DOM einzufügen oder zu entfernen
Um datengebundene Werte anzuzeigen

22/25 In Vue.js, wie funktioniert die 'v-model' Direktive mit einem Checkbox-Eingabefeld?

Sie bindet sich an die 'checked' Eigenschaft des Kontrollkästchens
Sie bindet sich an das 'value' Attribut des Kontrollkästchens
Sie schaltet den 'disabled' Zustand des Kontrollkästchens um
Sie ist nicht für Checkbox-Eingabefelder anwendbar

23/25 In Vue.js, was repräsentiert der 'mounted' Lebenszyklus-Hook?

Die Komponente steht kurz vor dem Mounten
Die Komponente wurde in das DOM eingefügt
Die Daten der Komponente wurden initialisiert
Die Komponente steht kurz vor der Aktualisierung

24/25 Was ist der Hauptzweck der 'props' Option in einer Vue.js-Komponente?

Um Daten an Kindkomponenten weiterzugeben
Um Daten von übergeordneten Komponenten zu empfangen
Um den internen Komponentenzustand zu speichern
Um berechnete Eigenschaften zu definieren

25/25 Was ist der Zweck der 'nextTick' Methode in Vue.js?

Um eine Funktionsausführung zu verzögern, bis der nächste DOM-Aktualisierungszyklus
Um zur nächsten Route im Vue Router zu navigieren
Um zum nächsten Element in einer v-for Schleife zu springen
Um Datenattribute im nächsten Komponentenupdate zu aktualisieren

Image for the last page of the Certificate