JSFiddle - React, Tailwind, and code Playground

by reshma_shenoy

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.min.js"></script>
<div id="example">
<button v-on:click="countUp">Count Up</button>
  <button v-on:click="countDown">Count Down</button>
  <h1>Count: {{ counter }}</h1>
</div>

JavaScript

var example1 = new Vue({
  el: '#example',
  data: {
    counter: 0
  },
  methods : {
  	countUp : function(){
  		this.counter += 1;
  	},
    countDown : function(){
  		this.counter -= 1;
  	}
  }
})