Vue的 transition 配合 animate.css 做元素显示/隐藏的动画

1、在index.html中引入animate.css

2、使用 transition 标签包裹需要显示/隐藏的内容，通过 v-if 或者 v-show 来控制显示/隐藏，vue官网关于它的介绍：https://cn.vuejs.org/v2/guide/transitions.html

3、重点：在css中

 

 

animation-name 就是 animate.css 中的动画名称，如下图所示：

 

 animate.css官网：https://animate.style/