JSFiddle - React, Tailwind, and code Playground

HTML

<div id="app">
  <span @click="changeGreeting">{{ greeting }}</span>
</div>

CSS

* {
  font-family: sans-serif;
}

JavaScript

console.clear();
var app = new Vue({
    el: '#app',
    data: {
        greeting: 'Hi'
    },
    methods: {
        changeGreeting: function () {
            this.greeting = 'Sup Planet'
        }
    }
});

app.greeting = 'Hello World';