Vue.js kurz & gut

KAPITEL 11

Übergänge mit <transition>

Vue bietet eine Vielzahl an Möglichkeiten, um Übergangseffekte auf Elemente anzuwenden, die in das DOM eingefügt, aktualisiert oder entfernt werden. Dazu gehören:

• Die automatische Anwendung von CSS-Klassen für Übergänge und Animationen.
• Direkte DOM-Manipulationen über JavaScript-Hooks.
• Integration von Bibliotheken von Drittanbietern für Animationen auf Basis von CSS oder JavaScript.

Vue stellt das Element <transition> bereit, mit dem für ein Element oder eine Component ein Übergang für den Ein- und Ausgang der Darstellung definiert werden kann. Dies funktioniert in folgenden Fällen:

• Das Element oder die Component wird nur unter bestimmten Bedingungen mit v-if gerendert oder mit v-show dargestellt.
• Es handelt ...