JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/element-ui/2.12.0/index.js"></script>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<div id="app">

  <input v-model='tenantModel.name'>
  <br>
  <input v-model='tenantModel.place'>
</div>

CSS

body {
  font-family: Calibri;
}

#app > div {
  margin: 10px;
}

JavaScript

new Vue({
  el: "#app",
  data: {
  	
    tenantModel: {
    	'name': 'Hello',
      'place': 'world'
    }
  },
  watch:{
  	tenantModel: {
     handler(val){
       alert("Nested object changed...")
     },
     deep: true
  }
  }
})