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 Welche der folgenden Direktiven wird verwendet, um Event-Listener anzuhängen, die Methoden aufrufen?

v-for
v-on
v-model
v-bind

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 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-show unterstützt das <template>-Element nicht.

Wahr
Falsch

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

8/25 Was ist der Zweck der 'computed' Eigenschaft in Vue.js?

Um Anwendungszustände zu speichern
Um Methoden zu definieren
Um asynchrone Operationen zu definieren
Um einen Wert zu berechnen und zurückzugeben, basierend auf reaktiven Abhängigkeiten
Um direkt mit dem DOM zu interagieren

9/25 Wofür wird Vuex in einer Vue.js-Anwendung verwendet?

Serverseitiges Rendering
Verwaltung des globalen Anwendungszustands
Routing
Komponenten-Styling

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 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 Welche ist die Standard-Portnummer, auf der Vue CLI die Anwendung bereitstellt?

3000
8080
8000
5000

13/25 Was ist der Zweck der 'provide' und 'inject' Funktion in Vue.js?

Für serverseitiges Rendering
Um Daten ohne Props durch den Komponentenbaum weiterzugeben
Zur Verwaltung des globalen Zustands
Zur Integration mit Drittanbieterbibliotheken

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

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 In Vue.js, was bewirkt die Verwendung der 'v-once' Direktive an einer Komponente?

Sie zerstört die Komponente nach einmaliger Verwendung
Sie rendert die Komponente nur einmal, und nachfolgende Neurenderungen werden ignoriert
Sie hört auf ein Ereignis nur einmal
Sie wendet eine CSS-Klasse auf ein Element nur einmal an

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

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

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

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 Welche Vue.js-Direktive wird verwendet, um einen Event-Listener an ein Element zu binden?

v-bind
v-model
v-on
v-for

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

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