JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css">
<div id="app">
  <transition enter-active-class="animated fadeIn" leave-active-class="animated fadeOut" mode="out-in">
    <div style="width:200px; height:200px; background-color:gray;" v-if="showWithDelay">
    </div>
  </transition>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
    showWithDelay: false
  },
  mounted(){
    setTimeout(()=>{
      this.showWithDelay = true
    },2000)
  }
})