Vue.js 2 Design Patterns and Best Practices

Transition states

Every enter/leave transition applies up to six classes, which are made up of transitions upon entering the scene, during, and leaving the scene. Set one (v-enter-*) refers to Transitions initially entering and then moving out, while set two (v-leave-*) refers to ending transitions entering and then moving out:

Name	Description
v-enter	This is the very starting state for enter. It is removed one frame after the element is inserted.
v-enter-active	enter-active is enter's active state. It is active for the entirety of the active phase and is only removed once the transitions or animations have come to an end. This state also manages further instructions such as delays, duration, and so on.
v-enter-to	This is the last ...