在vue2中使用动画库

一、在vue2中使用 animate.cs

1.1 安装

详情参考：使用文档
使用npm进行安装

npm install animate.css --save

在vue-cli创建的main.js中导入

import 'animate.css';

1.2 使用

1.2.1 设置class类使用动画效果

将 animate__animate 类以及任何动画名添加到元素中，即可使用动画效果

<h1 class="animate__animated animate__bounce">An animated element</h1>

1.2.2 配合vue中的封装组件 tansition 使用

在过渡类中使用 animation 属性使用,在文档中复制的类名需要使用后半部分作为动画名称

transition name='box>
    <div class="box" v-if='isshow'></div>
</transi