JSFiddle - React, Tailwind, and code Playground

by hunterliu

HTML

<div id="example-1">
  <button v-on:click="greet">Greet</button>
</div>

JavaScript

var example1 = new Vue({
  el: '#example-1',
  data: {
    name: 'Vue.js'
  },
  // define methods under the `methods` object
  methods: {
    greet: function (event) {
      // `this` inside methods points to the Vue instance
      alert('Hello ' + this.name + '!')
      // `event` is the native DOM event
      if (event) {
        alert(event.target.tagName);
      }
    }
  }
})