1、安装Animate.css:npm i animate.css@4.1.1,这边使用的是4.1.1版本;
2、在main.js中引入import 'animate.css';
3、配合vue的Transition或TransitionGroup使用;
<Transition
name="custom-classes"
enter-active-class="animate__animated animate__fadeIn"
leave-active-class="animate__animated animate__fadeOut"
>
<p v-if="show">hello</p>
</Transition>
4、或是直接加到class类上:
<p class="animate__animated animate__fadeIn">hello</p>
5、更多 Animate.css 的使用可以参考这篇文章:https://www.cnblogs.com/ninama/p/16181111.html