JSFiddle - React, Tailwind, and code Playground

by Evgeny Pisarev

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<div id="app">
  {{item}}
</div>

JavaScript

var vm = new Vue({
  el: '#app',
  computed: {
    foo() {
      return this.item.foo;
    }
  },
  watch: {
    foo() {
      console.log('Foo Changed!');
    }
  },
  data: {
    item: {
      foo: 'foo'
    }
  }
})

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