Aus dem Kurs: Vue.js Grundkurs
So erhalten Sie Zugriff auf diesen Kurs
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.
Vordefinierte Komponenten – Tutorial zu Vue.js
Aus dem Kurs: Vue.js Grundkurs
Vordefinierte Komponenten
Sie haben gesehen, wie Sie selbst Komponenten erstellen können. Daneben gibt es auch eine Reihe von vordefinierten Komponenten in Vue, z.B. gibt es Transition und TransitionGroup. Wir werden uns Transition gleich am Beispiel anschauen. Das können Sie verwenden, um Animationen zu ergänzen. Und TransitionGroup ist eine Erweiterung von Transition, worüber Sie Animationen auf Listen von Elementen anwenden können. KeepAlive ist nützlich, um den Zustand von Komponenten zu speichern. Dadurch können Sie Komponenten wiederverwenden, ohne sie jedes Mal neu zu initialisieren. Teleport ermöglicht es, Elemente an einer anderen Stelle im DOM zu platzieren, als sie ursprünglich waren. Suspense können Sie verwenden, um asynchrone Datenladeprozesse zu verwalten. Und schließlich Component-is ist eigentlich keine eigenständige Komponente, sondern ist eher eine dynamische Komponenten-Syntax. Da können Sie dynamisch unterschiedliche Komponenten darüber verwenden. Schauen wir uns ein Beispiel für so eine…
Inhalt
-
-
-
-
Rolle von Komponenten3 Min. 22 Sek.
-
(Gesperrt)
Komponenten definieren4 Min.
-
(Gesperrt)
Lokale und globale Registrierung1 Min. 17 Sek.
-
(Gesperrt)
Daten übergeben2 Min. 23 Sek.
-
(Gesperrt)
Props genauer bestimmen4 Min. 49 Sek.
-
(Gesperrt)
Zugriff auf props im script1 Min. 32 Sek.
-
(Gesperrt)
Slots3 Min. 44 Sek.
-
(Gesperrt)
Verschachtelte Komponenten1 Min. 42 Sek.
-
(Gesperrt)
provide und inject2 Min. 32 Sek.
-
(Gesperrt)
Custom Events4 Min.
-
(Gesperrt)
Vordefinierte Komponenten4 Min. 52 Sek.
-
(Gesperrt)
Challenge: Komponente erstellen53 Sek.
-
(Gesperrt)
Solution: Komponente erstellen2 Min. 2 Sek.
-
-
-
-