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

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

3/25 Alle sind Lebenszyklus-Hooks in Vue außer ...

beforeCreate
created
mounted
beforeMount
didMount

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

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

6/25 Was ist der Zweck der 'v-slot' Direktive in Vue.js?

Um Elemente bedingt zu rendern
Um auf Slot-Inhalte mit Scope in einer untergeordneten Komponente zuzugreifen
Um dynamische Klassennamen zu binden
Um auf DOM-Ereignisse zu hören

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

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

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

3000
8080
8000
5000

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

11/25 Was ist der Zweck des 'key' Attributs in einer v-for Direktive in Vue.js?

Um einen eindeutigen Bezeichner für jedes Element zu bieten
Zur Optimierung der Listenrenderung
Um die Reihenfolge der Elemente zu definieren
Um Daten an Listenelemente zu binden

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

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

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

15/25 In Vue.js, wie registriert man eine lokale Komponente korrekt?

Vue.component('meine-komponente', {})
components: {'meine-komponente': {}}
Vue.register('meine-komponente', {})
Vue.use('meine-komponente', {})

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

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

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 einer Vue-Komponente mit Vue Router auf die Routenparameter zugreifen?

this.$route.params
this.params
Vue.getParams()
this.$router.params

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

21/25 Welche Vue.js-Direktive wird verwendet, um einen Event-Listener an ein Element zu binden?

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

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 Zweck der 'nextTick' Methode in Vue.js?

Um eine Funktionsausführung zu verzögern, bis der nächste DOM-Aktualisierungszyklus
Um zur nächsten Route im Vue Router zu navigieren
Um zum nächsten Element in einer v-for Schleife zu springen
Um Datenattribute im nächsten Komponentenupdate zu aktualisieren

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 Welches der folgenden ist wahr über Vue.js Mixins?

Mixins werden hauptsächlich für das Styling von Komponenten verwendet
Mixins werden verwendet, um wiederverwendbare Funktionalitäten für Vue-Komponenten zu verteilen
Mixins können nur global angewendet werden
Mixins überschreiben die eigenen Methoden und Eigenschaften der Komponente

Image for the last page of the Certificate