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 Wie wird die Datenbindung-Interpolation, die gemeinhin als „Mustache“-Syntax bekannt ist, bezeichnet?

[]
v-model
{{}}
v-on

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

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

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 Welche Rolle spielt die 'watch' Eigenschaft in Vue.js?

Um tiefe Objektvergleiche durchzuführen
Eine Funktion auszuführen, wenn sich eine bestimmte Daten-Eigenschaft ändert
Daten an Template-Elemente zu binden
Durch Elemente in einem Array zu schleifen

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

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

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

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

3000
8080
8000
5000

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

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

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

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

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

16/25 Was ist der Zweck des 'static' Schlüsselworts in einer Vue.js-Komponente?

Um eine statische Methode in einer Komponente zu erstellen
Um die Reaktivität auf eine Eigenschaft zu verhindern
Um anzuzeigen, dass eine Eigenschaft nicht in die Vorlage aufgenommen werden sollte
Um eine Eigenschaft global zugänglich zu machen

17/25 Welches Vue.js-Feature wird verwendet, um Props in lokale, reaktive Daten zu transformieren?

Berechnete Eigenschaften
Beobachter
Daten-Eigenschaften
Props nach unten, Ereignisse nach oben

18/25 In Vue.js, was bewirkt das 'functional' Attribut in einer Komponentendefinition?

Es macht die Komponente zustandsbehaftet
Es zeigt an, dass die Komponente rein funktional und zustandslos ist
Es verbessert die Leistung der Komponente
Es erlaubt der Komponente, ihren eigenen Zustand zu verwalten

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

20/25 Was ist der Zweck des 'name' Attributs in einer Vue.js-Komponente?

Um den Namen zu spezifizieren, der im DOM verwendet wird
Um den Namen der Komponente für rekursive Aufrufe zu definieren
Um das 'name' Attribut am Wurzelelement festzulegen
Um die Komponente in Vue Devtools zu identifizieren

21/25 Welche Methode wird häufig für manuelle Reaktivität in Vue.js verwendet?

Vue.set(object, key, value)
Vue.reactify(object, key, value)
this.$forceUpdate()
Vue.observable(object)

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

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

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

Image for the last page of the Certificate