vue 集成第三方动画库(animate.css)

要点： 

<transition
      appear
      name="animate__animated animate__bounce"
      enter-active-class="animate__rubberBand"
      leave-active-class="animate__bounceOut"
    >

网站地址：https://animate.style/

使用步骤：

步骤一进行安装： 

步骤二:引入

由于不是js而是css所以不需要写成 import xxx from ‘xxx’ 这样 直接写import ‘xxx’

步骤三 配置使用第三方库

animate__animated animate__bounce

 

 步骤四：添加第三方库中动画

使用两个配置属性 enter-active-class 和leave-active-class

点击复制到对应的属性中去

exit表示的为离开