Skip to content
masterclass Buddy
Start learning

Vue.js · Component

Transition

Vue's built-in Transition component adds enter and leave effects to one element or component. It works with CSS classes, CSS animations, or JavaScript hooks.

Last updated

Syntax

<Transition [props]>
  <!-- one element or component -->
</Transition>

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

Subscribe
  • TransitionGroup
  • CSS transitions
  • CSS animations
  • JavaScript hooks
  • KeepAlive

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