Vue配合Animate.css实现动画效果

在Vue中可以通过过度transition配合animation实现自定义动画效果，但是需要对css3非常熟悉才能实现想要的效果。大家都知道有一个css动画库animate.css里面有丰富的动画效果，简单易用。那么在Vue中该如何使用呢？且看下面分享。

一、npm安装animate.css

 npm install animate.css --save

二、在组件中引入,并控制动画元素的显示消失

元素是在显示和消失的时候才会显示出动画，需要对动画作用的元素是否显示进行控制

三、给动画组件添加过渡的类名绑定动画效果

进入
离开


    
我是动画显示的内容
  

更多使用参考：https://zhuanlan.zhihu.com/p/192653127