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

1/25 Welche der folgenden Direktiven wird verwendet, um Event-Listener anzuhängen, die Methoden aufrufen?

v-for
v-on
v-model
v-bind

2/25 Sobald ein View Model zerstört wird, werden alle Event-Listener automatisch gelöscht.

Wahr
Falsch

3/25 Welches ist die korrekte Art, eine neue Instanz in Vue.js zu erzeugen?

var text = new Vue({ // Optionen })
var text = new vue(){ // Optionen }
var text = new object({ // Optionen })
var text = new text({ // Optionen })

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

beforeCreate
created
mounted
beforeMount
didMount

5/25 Wie wird $parent in Vue beschrieben?

Die $parent-Eigenschaft, ähnlich wie $root, kann verwendet werden, um auf die Elterninstanz von einem Kind aus zuzugreifen.
Sie bietet direkten Zugriff, macht die Anwendung jedoch schwer zu testen und zu debuggen.
Beide der oben genannten Optionen sind wahr.
Keine der oben genannten ist wahr.

6/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.

7/25 Wie rendern Sie Elemente in einer Vue.js-Vorlage bedingt?

Mit der 'v-for' Direktive
Mit der 'v-model' Direktive
Mit den 'v-if', 'v-else-if' und 'v-else' Direktiven
Mit der 'v-show' Direktive

8/25 Wie iterieren Sie in Vue.js in einer Vorlage über ein Array von Elementen?

Mit der 'v-if' Direktive
Mit der 'v-for' Direktive
Mit der 'v-model' Direktive
Mit der 'v-bind' Direktive

9/25 Welche ist die Standard-Portnummer, auf der Vue CLI die Anwendung bereitstellt?

3000
8080
8000
5000

10/25 In Vue.js, was ist der Zweck der 'v-cloak' Direktive?

Um Elemente bedingt zu rendern
Um das Rendern einer Komponente zu verzögern
Um das Flackern von unkompliziertem Inhalt zu verhindern
Um sensible Daten zu verdecken

11/25 Wie wird 'Vue.nextTick()' hauptsächlich in Vue.js verwendet?

Für Fehlerbehandlung
Um auf den nächsten DOM-Aktualisierungszyklus zu warten, bevor Code ausgeführt wird
Um ein Komponentenupdate auszulösen
Um eine Methodenausführung zu verzögern

12/25 Was macht die 'v-once' Direktive in Vue.js?

Hört ein Ereignis nur einmal ab
Rendert das Element oder die Komponente einmal und überspringt zukünftige Updates
Wendet eine CSS-Klasse einmal an
Führt eine Methode nur einmal aus

13/25 Was ist der typische Anwendungsfall für den 'created' Lebenszyklus-Hook in Vue.js?

Um das DOM zu manipulieren
Um Daten zu initialisieren, Ereignis-Listener einzurichten und Timer zu starten
Um serverseitige Daten zu fetchen
Um mit anderen JavaScript-Bibliotheken zu integrieren

14/25 Was ist der Zweck der Verwendung von 'v-bind' mit einer Klasse in Vue.js?

Um eine Methode an eine Klasse zu binden
Um dynamisch einen oder mehrere Klassennamen an ein Element zu binden
Um einen Event-Listener an eine Klasse anzuhängen
Um eine Klasse bedingt anzuzeigen

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

Methoden
Berechnete Eigenschaften
Beobachter
Direktiven

16/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

17/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

18/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 } }

19/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

20/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

21/25 Welche Vue.js-Direktive wird verwendet, um einen Event-Listener an ein Element zu binden?

v-bind
v-model
v-on
v-for

22/25 Wie definieren Sie den lokalen Zustand in einer Vue.js-Komponente?

Mit der 'state' Option
Mit der 'data' Funktion
Mit der 'computed' Eigenschaft
Mit der 'methods' Eigenschaft

23/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

24/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

25/25 In Vue.js, wie kann man bedingt mehrere Klassen auf ein Element anwenden?

Mit der v-bind Direktive und einer Objektsyntax
Mit mehreren v-class Direktiven
Mit der v-style Direktive
Das ist in Vue.js nicht möglich

Image for the last page of the Certificate