Skip to content
masterclass Buddy
Start learning

Vue.js · Component

TransitionGroup

TransitionGroup animates list items when they are inserted, removed, or reordered. It applies transition classes to each child and can animate movement with CSS transforms.

Last updated

Syntax

<TransitionGroup [name="..."] [tag="..."] [move-class="..."]>...</TransitionGroup>

In-depth API docs are only for subscribers: parameters, examples, common mistakes and interview practice.

Subscribe
  • Transition
  • v-for
  • moveClass
  • tag
  • JavaScript transition hooks
  • FLIP

Source: TransitionGroup | Vue.js. Checked 2026-11-03.