<div id="app">
  <button @click="show = !show">Toggle</button>
  <transition :duration="500" enter-active-class="bounceIn" leave-active-class="bounceOut">
    <div class="box animated" v-if="show"></div>
  </transition>
</div>
.box{
  width: 200px;
  height: 200px;
  background: red;
}
let app=new Vue({
  el: "#app",
  data: {
    show: false
  }
})

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js