Vue 中使用Animate动画

1、安装

npm install animate.css --save

2、main.js中引入

import animated from 'animate.css' 
Vue.use(animated)

3、组件中直接使用

注意事项： 前面必须要有 animate__animated,否则不起效果！！！

<div  class="animate__animated animate__fadeInDownBig">Animate动画</div>

4、其它功能：

延迟执行：比如延迟两秒：animate__delay-2s

<div class="animate__animated animate__bounce animate__delay-2s">Animate动画</div>

还有许多其它功能，具体可以查看 官网文档