Vue · Middle · Question 29 of 75

How does `<Transition name="fade">` animate an element?

✓Correct answer: It adds classes like fade-enter-from, fade-enter-active, fade-leave-to when the element enters or leaves
2It animates with JavaScript only, CSS is not supported
3It animates every change of any prop

Explanation

It works with v-if, v-show, dynamic components and key changes. <TransitionGroup> handles lists, including move animations.

Further reading

Vue: Transition ↗

Test yourself

Take the Vue · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.