Vue使用animation.css动画库

<div id="app">
    <transition
            appear
            enter-active-class="animated swing"
            leave-active-class="animated bounceOutDown"
            appear-class="animated swing"
            :duration="3000"
    >
        <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>

appear-class="animated swing"