Challenge 3 - Course Vue.js

by Yure Pereira

HTML

<div id="desafio">

  <div>
      <p>Valor atual: {{ valor }}</p>
      <button @click="valor += 5">Somar 5</button>
      <button @click="valor += 1">Somar 1</button>
      <p>{{ resultado }}</p>
  </div>
  

</div>

JavaScript

new Vue({
	el: '#desafio',
  data: {
  	valor: 0,
  },
  computed: {
  	resultado: function() {
    	
      return this.valor != '37' ? 
      	'Valor diferente': 'Valor igual';
      
    }
  },
  watch: {
  	resultado: function() {
    
    	var _self = this;
    
    	setTimeout(function() {
      	_self.valor = 0;
      }, 5000);
    	
    }
  }
});