如何编写Vue中transition和animation结合的实例代码？

本文共计1555个文字，预计阅读时间需要7分钟。

在页面设计中，我们往往过于关注功能本身，对transition和animation只是听闻，不见其人，更不提对页面动画效果的心得了。最近制作动态页面，力求页面效果酷炫，终于有所领悟。

以前写页面注重在功能上，对于transition和animation是只闻其声，不见其人，对于页面动画效果心理一直痒痒的。最近做活动页面，要求页面比较酷炫，终于有机会认真了解了。

transition:英文过渡的意思，作用是过渡效果；animation:英文活泼、生气、激励，动画片就是animation film,作用是动画效果。