vue引入的animate.css动态样式如何给多个数据单独加显示效果

        <div class="abc" v-for="(item,index) in advantage" :key="index" @mouseenter="adHover(index)">
          <div class="advantageItem">
            <div class="adPic">
                <img class="animated" :class="adPicIndex == index?'tada':''" :src="item.img" alt>
            </div>
            <div class="adDesc">{{item.title}}</div>
          </div>
          <div
            class="verLine"
            :style="{'left':(index == 1?'19.1%':index == 2?'32%':'')}"
            v-if="!(index == 3)"
          ></div>
        </div>

通过
@mouseenter="adHover(index)"的
<img class="animated" :class="adPicIndex == index?'tada':''" :src="item.img" alt>
每一个index来设置特定位置的样式，这样可以单独给每一个加效果