Vue同时使用transition(过渡)和animate.css(动画库)

<div id="app">
    <transition
            type="transition"
            appear
            enter-active-class="animated swing active"
            leave-active-class="animated bounceOutDown leave"
            appear-class="animated swing"
            :duration="{enter:3000,leave:5000}"
    >
        <p v-if="show">Hello World</p>
    </transition>
    <button @click="toggle">切换</button>
</div>
<script>
    var app=new Vue({
            el:"#app",
            data:{
                show:true
            },
            methods:{
                toggle:function(){
                    this.show=!this.show;
                }
            }

        })
</script>

.v-enter,.v-leave-to{
    opacity: 0;
    color: #000;
}
.active,.leave{
    color:deepskyblue;
    transition: all 3s;
}