title: 10-Vue动画 publish: true 前言 动画的作用:提高用户的体验,帮助用户更好的理解页面中的功能。 使用过渡类名实现动画 官方文档的截图 过渡类名如下: 动画进入: v-enter:动画进入之前的初始状态 v-enter-to:动画进入之后的结束状态 v-enter-active:动画进入的时间段 PS:第一、第二个是时间点;第三个是时间段。 动画离开: v-leave:动画离开之前的初始状态 v-leave-to:动画离开之后的结束状态 v-leave-active:动画离开的时间段 PS:第一、第二个是时间点;第三个是时间段。 使用举例(通过Vue的过渡类名来实现) 和 的状态是一样的。而且一般来说, 和 的状态也是一致的。所以,我们可以把这四个状态写成两组。