animate.css不生效

问题描述

npm i animate.css -S // 安装最新版的animate.css(4.1.0)

按照vue官网添加动画并未成功

<transition
        enter-active-class="animated tada"
        leave-active-class="animated bounceOutRight"
      >
        <div v-show="isShow" style="margin-top:20px;" class="test">测试</div>
      </transition>

产生原因

animate.css版本问题，官网上使用的版本为3.5.1，换成3.5.1版本动画添加成功

Xnip2020-07-13_16-00-26.jpg