安装

插件安装：npm i vue2-animate --save

使用

src/main.js入口文件中引入

import 'vue2-animate/dist/vue2-animate.min.css'

在组件中使用

<transition-group name="fadeLeft" tag="ul">
  <li v-for="item in items" v-bind:key="item">
    {{ item }}
  </li>
</transition-group>

<transition
  name="custom-classes-transition"
  enter-active-class="bounceLeft-enter"
  leave-active-class="bounceRight-leave"
>
  <p v-if="show">hello</p>
</transition>

<transition
  name="bounce"
  enter-active-class="bounceInLeft"
  leave-active-class="bounceOutRight"
>
  <p v-if="show">hello</p>
</transition>