JSFiddle - React, Tailwind, and code Playground

by AldoRomo88

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.10/vue.js"></script>
<div id="app">
  <div>
    <span>First name</span>
    <input v-model="FirstName">
  </div>
  <div>
    <span>Last name</span>
    <input v-model="LastName">
  </div>
</div>

JavaScript

new Vue({
  el: '#app',
  data: function() {
    return {
      FirstName: "Jonh",
      LastName: "Smith"
    }
  },
  watch: {
    '$data': {
      handler: function(newValue) {
        console.log('Current vaules:' + newValue.FirstName + ' ' + newValue.LastName);
      },
      deep: true
    }
  }
});