vue过渡和animate.css结合使用详解

<!-- <transition enter-active-class="zoomInLeft" leave-active-class="zoomOutRight"&gt;
  <p v-show="show" class="animated"&gt;</p>
</transition> -->

<!-- 第二种方法 -->
<!-- <transition enter-active-class="animated zoomInLeft" leave-active-class="animated zoomOutRight"&gt;
  <p v-show="show"&gt;</p>
</transition> -->

<!-- 多元素运动 -->
<transition-group enter-active-class="zoomInLeft" leave-active-class="zoomOutRight"&gt;
  <p v-show="show" class="animated" :key="1"&gt;</p>
  <p v-show="show" class="animated" :key="2"&gt;</p>
</transition-group>