[Vue.js] Modal (Popup)

<div id="vueapp">

<!-- Button trigger modal -->
<button type="button" v-on:click="isShowMyModal = true">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal" v-show="isShowMyModal">
  <h4>Modal Title</h4>
  <p>
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas turpis
     felis, tempus sit amet sollicitudin quis, aliquet ut felis.
     Nam a malesuada sem.
  </p>
  <button type="button" v-on:click="isShowMyModal = false">Close</button>
</div>

</div>

<script src="https://unpkg.com/vue@2.3.3/dist/vue.js"></script>

.modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: azure;
  padding: 1rem;
  border-radius: 1rem;
  border: 1px solid gray;
}

'use strict';

var app = new Vue({
  el: '#vueapp',
  data: {
    isShowMyModal: false
  }
});