animate.css 无效

引入

npm install animate.css --save

main.js 文件中

import animated from 'animate.css'

Vue.use(animated)

html

<div class="animated bounceInLeft">
 测试动画
</div>

但是发现无法实现效果，切当前的版本为4.1.1

经查发现版本4以后，使用名称改为

class="animate__fadeInLeft"

上文中的 class="animated bounceInLeft"为小于4版本使用方式

修改后重新测试还是不行！！！

换个思路，直接将版本降到3.5.1，类名称重新改为"animated bounceInLeft"，动画有效。

目前有效解决方法

npm install animate.css@3.5.1 --save  // 默认安装3.5.1

main.js 文件中

import animated from 'animate.css'

Vue.use(animated)

html

<div class="animated bounceInLeft">
 测试动画
</div>

附录： animate.css文档