JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.10/vue.min.js"></script>
<div id="vueApp">
      <a href="#" class="button is-outlined" @click="showNextDiv(1)" >Show Div</a>
      <div class="modal animated fadeIn" v-bind:class="{ 'is-active': isActive }">

     {{isActive}}

     </div>
</div>

JavaScript

new Vue({
  el: '#vueApp',
  data: {
    isActive: false
  },
  methods: {
    showNextDiv: function(e){
      this.isActive = true;
    }
  }
});