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 Welcher der folgenden Event-Modifier wird nur verwendet, um Klicks auf das Element selbst zu verhindern?

@click.prevent.self
@click.self.prevent
@click.stop
@click.prevent

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

Define
Const
Keine der oben genannten.

4/25 V-show unterstützt das <template>-Element nicht.

Wahr
Falsch

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

beforeCreate
created
mounted
beforeMount
didMount

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

8/25 Welcher Befehl wird verwendet, um ein neues Vue.js-Projekt mit Vue CLI zu erstellen?

vue create projekt-name
vue new projekt-name
vue init projekt-name
vue start projekt-name

9/25 Was ist der Zweck des 'key' Attributs in einer v-for Direktive in Vue.js?

Um einen eindeutigen Bezeichner für jedes Element zu bieten
Zur Optimierung der Listenrenderung
Um die Reihenfolge der Elemente zu definieren
Um Daten an Listenelemente zu binden

10/25 Welche Methode wird verwendet, um programmatisch zu einer anderen Route in Vue.js mit Vue Router zu navigieren?

this.$route.navigate('/pfad')
this.$router.push('/pfad')
Vue.navigate('/pfad')
this.$router.goto('/pfad')

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

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

12/25 Was ist der Hauptzweck der 'methods' Eigenschaft in einer Vue.js-Komponente?

Um berechnete Eigenschaften zu speichern
Um Funktionen zu definieren, die in Template-Ausdrücken und Ereignishandlern verwendet werden können
Um externe Bibliotheken einzubinden
Um Anfangsdatenwerte zu definieren

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 die richtige Art, eine reaktive Eigenschaft in einer Vue.js-Komponente zu deklarieren, die nicht Teil des Datenobjekts ist?

Vue.reactiveProperty('neueEigenschaft')
this.$set(this, 'neueEigenschaft', Wert)
this.neueEigenschaft = Vue.observable(Wert)
Vue.defineProperty(this, 'neueEigenschaft', { Wert })

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

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

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

21/25 Was ist die Rolle des 'key' Attributs in einer Vue.js 'v-for' Schleife?

Um einen eindeutigen Identifikator für jedes Element in der Schleife bereitzustellen
Um den Index jedes Elements in der Schleife zu definieren
Um die Leistung durch Wiederverwendung von Elementen zu steigern
Um die Ausführungsreihenfolge der Schleife zu bestimmen

22/25 In Vue.js, wie sendet man ein Ereignis von einer untergeordneten Komponente an ihre Eltern?

this.$emit('eventName')
Vue.emit('eventName')
this.$parent.emit('eventName')
this.$dispatch('eventName')

23/25 Was ist die Hauptfunktion der 'computed' Eigenschaften in Vue.js?

Um den globalen Zustand zu speichern und zu verwalten
Um Funktionen bei der Auslösung von Ereignissen auszuführen
Um einen abgeleiteten Zustand basierend auf reaktiven Daten zu berechnen
Um DOM-Elemente an Komponentendaten zu binden

24/25 Welches der folgenden ist wahr über Vue.js Mixins?

Mixins werden hauptsächlich für das Styling von Komponenten verwendet
Mixins werden verwendet, um wiederverwendbare Funktionalitäten für Vue-Komponenten zu verteilen
Mixins können nur global angewendet werden
Mixins überschreiben die eigenen Methoden und Eigenschaften der Komponente

25/25 In Vue.js, was ist der empfohlene Weg, um Daten an eine Kindkomponente zu übergeben?

Mit 'v-bind', um Daten an die Attribute der Kindkomponente zu binden
Durch direktes Festlegen von Eigenschaften auf der Instanz der Kindkomponente
Mit einem globalen Ereignisbus
Durch Änderung des 'data' Objekts der Kindkomponente

Image for the last page of the Certificate