vue transition + animate.css 无效

关于这个问题,我踩了两次坑

1.没加animate的基础类

<h1 class="animate__animated animate__bounce">An animated element</h1>

第一个animate__animated 是基本类,每次使用都要加上

第二个是你可选的效果

2.使用了span标签

    <div class="title">
      <transition enter-active-class="animate__animated animate__heartBeat">
        <span v-if="index == 0">welcome my web</span>
      </transition>
    </div>

我在这里使用了span标签,检查了很久都找不到问题

最后是把span改成了div就可以使用

然后我尝试发现h1也可以

这个我猜测跟行内元素有关,有知道原因的大佬告诉我一声