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

1/25 Welche Vorteile bietet die Verwendung von Vue.js?

Klein in der Größe - Die Größe beträgt 18 bis 21KB. Es erfordert keine Zeit für den Benutzer, um es herunterzuladen und anzuwenden.
Leicht verständlich - Einer der Gründe für die Beliebtheit dieses Frameworks ist, dass es ziemlich einfach zu verstehen ist. Benutzer können Vue.js aufgrund seiner einfachen Struktur leicht zu ihrem Webprojekt hinzufügen.
Einfache Integration - Sie können es problemlos in die bestehenden Anwendungen integrieren.
Virtuelles DOM - Es ist in der Lage, das virtuelle DOM zu verwenden, wie andere bestehende Frameworks wie ReactJS, Ember und so weiter. Das virtuelle DOM wird als eine leichte In-Memory-Baumdarstellung des ursprünglichen HTML-DOM betrachtet und aktualisiert, ohne das Original zu beeinflussen
Alle oben genannten

2/25 Wenn Sie .passive und .prevent zusammen verwenden, wird .prevent ignoriert. Wahrscheinlich wird es Ihnen eine Warnung anzeigen.

Wahr
Falsch

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

Keine
v-inline
v-model
v-on

4/25 Was ist der Unterschied zwischen v-html und v-text?

v-text setzt den textContent des Knotens
v-html setzt das innerHTML des Elements
Beide oben genannten Aussagen sind wahr.
Beide oben genannten Aussagen sind falsch.

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

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

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

Define
Const
Keine der oben genannten.

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

Wahr
Falsch

9/25 Welches der folgenden ist die vollständige Form von MVVM?

Model-View-ValueModel
Model-Value-ValueModel
Model-View-ViewModel
Module-Value-ViewModel

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

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

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

13/25 Wie können Sie in Vue.js native DOM-Ereignisse auf einer benutzerdefinierten Komponente abhören?

Mit dem '.native' Modifier an einer 'v-on' Direktive
Mit der 'v-model' Direktive
Mit der 'v-if' Direktive
Mit der 'v-show' Direktive

14/25 Wofür wird eine 'Direktive' in Vue.js hauptsächlich verwendet?

Zur Verwaltung des Zustands
Zur Durchführung von HTTP-Anfragen
Zur Manipulation des DOM
Zur Definition von Methoden

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

17/25 Was ist der Hauptzweck des '.sync' Modifiers in der 'v-bind' Direktive in Vue.js?

Um Daten zwischen Eltern- und Kindkomponenten zu synchronisieren
Um das Modell und die Ansicht in Einklang zu halten
Um eine Prop automatisch zu aktualisieren, wenn sich der gebundene Wert ändert
Um Komponentenmethoden zu synchronisieren

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

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

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

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

25/25 In Vue.js, wofür wird das 'ref' Attribut verwendet?

Um auf eine DOM- oder Komponenteninstanz zu verweisen
Um ein wiederholendes Element in 'v-for' zu definieren
Um Datenreferenzen für die Reaktivität zu speichern
Um eine Zwei-Wege-Datenbindung einzurichten

Image for the last page of the Certificate