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 ...
Get Vue.js kurz & gut now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.