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

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

vFor
*v-for
v-for
*ngFor

2/25 Sobald ein View Model zerstört wird, werden alle Event-Listener automatisch gelöscht.

Wahr
Falsch

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

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 Was ist das Stichwort für die Erstellung einer Konstanten in Vue.js?

Define
Const
Keine der oben genannten.

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

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

beforeCreate
created
mounted
beforeMount
didMount

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

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

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

Serverseitiges Rendering
Verwaltung des globalen Anwendungszustands
Routing
Komponenten-Styling

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

12/25 Was ist der Zweck der 'mixins' Funktion in Vue.js?

Für das Styling von Komponenten
Um Funktionalitäten zwischen Komponenten zu teilen
Für das Rendering von Komponenten auf dem Server
Für die Verwaltung des Anwendungszustands

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

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

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

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

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

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

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

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

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

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

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

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

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

25/25 In Vue.js, was ist der empfohlene Weg, um Daten an eine Kindkomponente zu übergeben?

Mit 'v-bind', um Daten an die Attribute der Kindkomponente zu binden
Durch direktes Festlegen von Eigenschaften auf der Instanz der Kindkomponente
Mit einem globalen Ereignisbus
Durch Änderung des 'data' Objekts der Kindkomponente

Image for the last page of the Certificate