Animation effects can enhance the overall web page of "cool feeling", but there are some unique Vue animate method
principle
Vue in animation is being created out:
1. The need to label all animation effects, all on transition labels in, add a transition tag name attribute (default V )
2. Animated divided into the (enter), leave (leave) in two parts, each part is divided into start ( the Enter / the Leave ), middle ( the Enter-the Active / the Leave-the Active ) and end ( the Enter-to / the Leave-to )
3. animation started when the element is added to the enter and enter-active two class (to leave, too)
4. The second frame , the elements enter the class is removed , enter-to this class is added on (to leave the same)
The animation execution is completed after, enter-to and enter two tags are removed (to leave the same)