Vue过渡 动画 transition结合animate.css使用

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/xm1037782843/article/details/88312741

第一步.引用 animate.css文件

第二步.定义动画名字，如下图

<transition enter-active-class="zoomInLeft" leave-active-class="zoomOutRight">
        <p v-show="show" class="animated"></p>
</transition>
或者
<transition enter-active-class="animated zoomInLeft" leave-active-class="animated zoomOutRight">
        <p v-show="show"></p>
</transition>

动画运动的时间：