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.