使用Animate.css插件快速实现css动画，超简单教程

1.首先附上官网地址：Animate.css | A cross-browser library of CSS animations.

2.安装Animate.css插件

npm install animate.css --save

3.在main.js文件中引入插件

improt import 'animate.css';

3.使用

（1）首先去官网选择喜欢的动画并复制，此时复制的是动画类名

（2）需要添加动画的元素，需要有动态展示功能比如v-if，并为该元素添加<transition>标签，并在标签中添加属性：

leave-active-class 消失时候的效果动画
enter-active-class 显示时候的效果动画
其次需要注意的是，在添加动画前需要在动画名前加入animate.css的前缀animate__animated

<a-button type="primary" @click="show = !show">测试动画</a-button>
<transition leave-active-class="animate__animated animate__bounce">
  <h2 v-show="show">该文字需要动画</h2>
</transition>