JSFiddle - React, Tailwind, and code Playground

by GopsAB

HTML

<div id="example-1">
  <button v-on:click="counter += 1">Add 1</button>
  <p>The button above has been clicked {{ counter }} times.</p>
</div>

<div id="example-2">
  <button v-on:click="increment(2)">Add 1</button>
  <p>The button above has been clicked {{ incr }} times.</p>
</div>

JavaScript

var example1 = new Vue({
  el: '#example-1',
  data: {
    counter: 0
  }
})


var example2 = new Vue({
  el: '#example-2',
  data: {
    incr: 0
  },
  methods:{
   increment: function(value){
    this.incr = this.incr + value
   }
  }
})