vuejs跟animate.css过渡动画整合使用

Question

现在要把搞一个自定义指令，这个自定义指令类似v-animation 这样，然后要的效果就是
<p v-animation animate="bounceInLeft bounceOutLeft">大概这样定义后就跑到animate.css里面走这个过渡效果，现在就是单独一个bounceInLeft 可以实现，关键是过渡效果分进入跟出去，这个放一个只会有进入的效果，但是这里公司不让用vue自己下面的这种方式

<trasition enter-active-class="animated pulse" leave-active-class="animated bounce"></trasition>

非要自己封一个，现在实现一个bounceInLeft 的方法如下，比较喽还请大神指教

  <p  v-animation animate="bounceInLeft">

Answer 1

先把那个 p 元素设置隐藏（opacity:0; display:none），需要执行动画的时候再显示出来，这样在显示出来的时候就会执行 animate.css 的内置动画