Vue transation结合animate.css设置无效的解决办法

问题导向：

先来看一看官方vue 基础transition结合animate的用法，这个我尝试了很多次，发现并不能够生效。踩了一天坑，记录一下解决方法，希望能够帮助到后面的学习的小伙伴们~

<link href="https://cdn.jsdelivr.net/npm/animate.css@3.5.1" rel="stylesheet" type="text/css">
<div id="example-3">
  <button @click="show = !show">
    Toggle render
  </button>
  <transition
    name="custom-classes-transition"
    enter-active-class="animated tada"
    leave-active-class="animated bounceOutRight"
  >
    <p v-if="show">hello</p>
  </transition>
</div>

问题所在：

还是因为类名问题，修改为官网的类名前缀即可！
大家可以看看我的例子，实测可用！！！

最后附上animate.css的官网地址

animate官网

第一篇博客，希望能帮助到大家~