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 Welche der folgenden Direktiven bietet eine Zwei-Wege-Bindung?

Keine
v-inline
v-model
v-on

3/25 Wie verwendet man eine Schleife in Vue.js?

vFor
*v-for
v-for
*ngFor

4/25 Was wird verwendet, um dynamisch ein oder mehrere Attribute entweder an eine Komponenteneigenschaft an eine Ausdruck zu binden?

v-pre
v-bind
v-once
v-html

5/25 Welcher Event-Modifier wird verwendet, um das Klickereignis nur einmal auszuführen?

<a @click.once="dotask"></a>
<a @click.prevent-once="dotask"></a>
<a @click.stop="dotask"></a>
<a @click.passive="dotask"></a>

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

Wahr
Falsch

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

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

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

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

mounted
created
beforeCreate
beforeMount

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

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

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

13/25 Welcher Lebenszyklus-Hook in Vue.js wird direkt nachdem das DOM aktualisiert wurde, aufgerufen?

created
beforeUpdate
updated
mounted

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

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

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

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

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

18/25 In Vue.js, wie kann man auf die Wurzel-Vue-Instanz innerhalb einer Komponente zugreifen?

this.$root
Vue.$root
this.$parent.root
this.root

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

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

21/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' } }

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

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

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

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