JSFiddle - React, Tailwind, and code Playground

by ChangJoo Park

HTML

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

<div id="app">
  <input v-model="body.email" type="email" name="email" placeholder="유효한 이메일 주소를 입력하세요">
  <pre>
{{$data}}
  </pre>
</div>

JavaScript

new Vue({
	el: '#app',
  created: function () {
  	console.log('DATA: CREATED :', this.body)
  },
  mounted: function () {
  	console.log('DATA: MOUNTED : ',this.body)
  },
  data: function () {
  	return {
    	body: {
      	email: 'email'
      }
		}
  }
})