animate.css

by jacob hsu

HTML

<head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
</head>
<div id="app">
  <button v-on:click="show = !show">
    Toggle
  </button>
  <transition name="fade" 
    enter-active-class="animated swing"
    leave-active-class="animated shake">
    <p v-if="show">hello</p>
  </transition>
</div>

Vue

new Vue({
  el: "#app",
  data: {
    show: true
  }
})