css过渡与动画

1.在 CSS 过渡和动画中自动应用 class

      过渡类名：

      v-enter：进入开始

      v-enter-active：执行过程中

      v-enter-to: 结束动画

        v-leave:离开开始

      v-leave-active:离开过程

      v-leave-to:离开结束

eg1:过渡动画

eg2:css动画

对于这些过渡中切换 class，每个都以过渡的 name 作为前缀。

当您使用没有 name 的元素时，会默认前缀为v-。

v-enter-active和v-leave-active可以指定不同的进入/离开过渡 easing 曲线， duration, delay 。

 2.可以配合使用第三方 CSS 动画库，如 Animate.css

自定义过渡的class类名

你也可以通过提供一下属性来指定自定义过渡类名

enter-class

enter-active-class

enter-to-class(2.1.8+)

leave-class

leave-active-class

leave-to-class(2.1.8+)

（1） 在脚手架index.html引入

（2）：在 Animate.css 中找类名，写入对应类中

____________________________________________________________________

显示过渡持续时间

:duration="1000">

进入式和离开式持续时间指定不同的值

:duration="{ enter: 500, leave: 800 }">

____________________________________________________