vue动画

<!-- <button @click="isShow=!isShow">点击显示隐藏</button> -->

    <!-- appear自动加载动画 -->

    <!-- <transition appear>

     <h1 v-show="isShow">你好</h1>

    </transition> -->

    <!-- name为设置多个过渡动画取别名 -->

    <!-- <transition name="app">

    <h1 v-show="isShow">今天学习过渡动画</h1>

    </transition> -->

  <!-- <transition-group>需要添加key值 -->

  <!-- <transition-group appear>

    <h1 v-show="isShow" key="1">你好</h1>

     h1 v-show="isShow" key="2">今天学习过渡动画</h1>

    </transition-group> -->

    <!-- <transition-group name="apis">

      <h1 v-show="isShow" class="animate__animated animate__bounce" key="1">你好</h1>

      <h1 v-show="isShow" class="animate__animated animate__swing" key="2">今天学习过渡动画</h1>

  </transition-group> -->

  <!-- <transition-group name="apis animate__animated"

  enter-active-class="animate__swing"

  leave-active-class="animate__heartBeat"   class="">

      <h1 v-show="isShow" key="1">你好</h1>

      <h1 v-show="isShow" key="2">今天学习过渡动画</h1>

    </transition-group> -->