初始渲染的过渡
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)