本篇文章为大家展示了如何在vue项目中使用animate.css，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

第一步：安装：

在命令行中执行：npm install animate.css --save

第二步：引入及使用：

main.js中：

import animated from 'animate.css' // npm install animate.css --save安装，在引入
Vue.use(animated)

使用：

vue模板中：

<div class="ty">
  <!-- 直接使用animated中的动画class名，注意：必须使用animated这个class名，否则动画会无效 -->
 <div class="box animated bounceInDown"></div>
</div>

上述内容就是如何在vue项目中使用animate.css，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注天达云行业资讯频道。