JSFiddle - React, Tailwind, and code Playground

by ChangJoo Park

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>

<template id="modal-template">
  <div v-show="show">
    <h1>Modal Title</h1>
  </div>
</template>

<div id="app">
  <h1>Hello</h1>
  <button @click="showModal = true">ABVCD</button>
  <modal :show.sync="showModal"></modal>
</div>

JavaScript

Vue.component('modal', {
	name: 'modal',
	template: '#modal-template',
  props: ['show']
})
new Vue({
	el: '#app',
	data: function () {
  	return {	
    	showModal: false
		}
	}
})