JSFiddle - React, Tailwind, and code Playground

by evzens

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<div id="app">
<p>
Current value: {{ value }}
</p>
<button @click="value += 1">Add 1</button>
<button @click="value += 5">Add 5</button>
<p>
{{ result }}
</p>
<div>
<input type="text">
<p>
{{ value }}
</p>
</div>
</div>

JavaScript

new Vue({
el: '#app',
data: {
  value: 35,
 
},
computed: {
   result: function() {
   console.log('computed');
   return this.value == 37 ? 'done' : 'not yet';
}
},
watch: {
  result: function(value){
      console.log('watched');
      var vm = this;
      setTimeout(function() {
      vm.value = 0;
      }, 5000);
  }

}

});