JSFiddle - React, Tailwind, and code Playground

by hajime_nagahata

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<div id="app">
  <input v-model="item" v-bind:key="foo">
</div>

JavaScript

var vm = new Vue({
    el: '#app',
    watch: {
      item: {
        handler(val, oldVal){
          console.log('Item Changed')
          console.log(val)
        },
        deep: true
      }
    },
    data: {
      item: {foo: 'foo'}
    }
})

setTimeout(() => {
  vm.$data.item['foo'] = 'bar';
},1000)

setTimeout(() => {
  Vue.set(vm.$data.item,{'bar' : 'bar'});
},2000)