JSFiddle - React, Tailwind, and code Playground

by ChangJoo Park

HTML

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

<div id="app">
  <div v-on:click="handleDivClick">
    <button v-on:click="handleButtonClick">Hello</button>
  </div>
</div>

CSS

#app {
  width: 400px;
  height: 400px;
  background-color: tomato;
}

#app button {
  
}

JavaScript

new Vue({
	el: '#app',
  methods: {
  	handleDivClick: function () {
    	window.alert('div clicked')
		},
    handleButtonClick: function () {
    	window.alert('button clicked')
    }
	}
})