Knowledge sharing

VueJS provides various ways to apply transition to the HTML elements when they are added/updated in the DOM. Using Transition tag we do animation in our application.  Here example of Transition . There are various list of classes are available in VueJs. v-enter : Starting state for enter. Added before element is inserted, removed one frame after element is inserted. v-enter-active : Active state for enter. Applied during the entire entering phase. Added before element is inserted, removed when transition/animation finishes. v-enter-to : Ending state for enter. Added one frame after element is inserted (at the same time v-enter is removed), removed when transition/animation finishes. v-leave : Starting state for leave. Added immediately when a leaving transition is triggered, removed after one frame. v-leave-active : Active state for leave. Applied during the entire leaving phase. Added immediately when leave transition is triggered, removed when the transition/animat...