动画多个元素过渡 多个组件过渡 以及过渡模式

初始渲染的过渡

appear

在transition中添加appear

 <transition name="v1" appear>
      <div class="box" v-if="isShow"></div>
</transition>

自定义初始渲染过渡

appear-active-class

<transition
      name="v1"
      appear
      appear-active-class="animate__animated animate__pulse"
    >
      <div class="box" v-if="isShow"></div>
</transition>

单元素在transition下面，只有一个根标签,可以在里面嵌套别的

<transition appear
     enter-active-class="animate__animated animate__zoomIn animate__delay-2s"
   >
<div class="box">
      <p></p>
</div>
</transition>

​

单组件跟元素差不多一样，都在放在tranition默认也是使用v-enter…（6个class）​

单个组件的过渡

单组件跟元素差不多一样，都在放在tranition默认也是使用v-enter…（6个class）