JSFiddle - React, Tailwind, and code Playground

by Max Liashuk

HTML

<script src="https://rawgit.com/yyx990803/vue/master/dist/vue.js"></script>
<link rel="stylesheet" href="https://s.mlcdn.co/animate.css">
<pre>{{ $data | json }}</pre>
<button class="{'animated bounceOutLeft':isAnimated}" @click="onClick" @animationend="onAnimationEnd">This will be animated (click to start)</button>

JavaScript

new Vue({
    el: 'body',
    data: {
    	isAnimated: false
    },
    methods: {
    	onClick: function(){
      	this.isAnimated = true;
      },
      onAnimationEnd: function(){
      	this.isAnimated = false;
      }
    }
})