vue的transition标签配合animate.css与vivify.css使用的方式

vue版本：v.2.5.2

<transition name="fade-box">
   <div v-show="show" class="box"></div>
</transition>.box {

 width: 200px;
 height: 200px;
 background-color: pink;
 border-radius: 50%;
 margin: 0 auto;
}
// animate.css与vivify.css动画的类名与持续时间
// 进入动画
.fade-box-enter-to {
 animation: hitRight 0.5s;
}
// 离开动画
.fade-box-leave-to {
 animation: slideOutLeft 0.8s;
}