踩坑系列之Vue引入动画库

引入动画库需要从animate网站上复制，默认复制是类名，带前缀animate__，

1.直接使用animate库中定义的 keyframes 动画时，需要去掉前缀

.why-enter-active {

  animation: backInUp 1s;

}

.why-leave-active {

  animation: backInUp 1s reverse;

}

2.直接使用animate库提供给我们的类 ，不需要去掉前缀，但是要在引入的类名之前添加animate__animated

  <transition
      name="why"
      enter-active-class="animate__animated animate__backInUp"
      leave-active-class="animate__animated animate__backInUp"
    >
      <h2 v-if="isShow">Hello World</h2>
    </transition>