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

1/25 Welche der folgenden Direktiven bietet eine Zwei-Wege-Bindung?

Keine
v-inline
v-model
v-on

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

Wahr
Falsch

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

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

5/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 })

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 können Sie Daten von einer übergeordneten zu einer untergeordneten Komponente in Vue.js übergeben?

Mit der $emit-Methode
Mit der $parent-Eigenschaft
Mit Props
Mit globaler Zustandsverwaltung

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

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

10/25 Welcher Vue.js-Lebenszyklus-Hook sollte verwendet werden, um Daten zu fetchen, wenn eine Komponente erstellt wird?

mounted
created
beforeCreate
beforeMount

11/25 Wie greifen Sie auf Methoden der übergeordneten Komponente von einer untergeordneten Komponente aus zu?

Mit this.$parent.methodName()
Mit this.$child.methodName()
Mit Vue.parent.methodName()
Das ist in Vue.js nicht möglich

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

13/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')

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

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

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

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

18/25 Was ist der Hauptzweck der 'v-pre' Direktive in Vue.js?

Um Daten vor dem Rendern einer Komponente vorzuladen
Um die Kompilierung für dieses Element und alle seine Kinder zu überspringen
Um dem Element Priorität beim Rendern zu geben
Um den ursprünglichen Zustand eines Elements zu bewahren

19/25 Welche Aussage ist wahr über den 'destroyed' Lebenszyklus-Hook in Vue.js?

Er wird aufgerufen, bevor die Komponente aus dem DOM entfernt wird
Er wird verwendet, um Event-Listener und reaktive Abonnements zu bereinigen
Er kann verwendet werden, um zu verhindern, dass eine Komponente zerstört wird
Er wird unmittelbar nachdem die Komponente erstellt wurde, aufgerufen

20/25 Wie kann man eine Prop in einer Vue.js-Komponente definieren, die einen spezifischen Datentyp erwartet?

props: { propName: 'String' }
props: { propName: String }
props: ['propName: String']
props: { propName: { Typ: 'String' } }

21/25 In Vue.js, welche der folgenden Methoden ist eine korrekte Art, eine tiefe Beobachtung eines Objekts zu machen?

watch: { 'Objekt': { deep: true } }
watch: { Objekt: { handler: 'Methode', deep: true } }
watch: { Objekt.deep: 'Methode' }
this.$watch('Objekt', 'Methode', { deep: true })

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

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

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

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