JSFiddle - React, Tailwind, and code Playground

by Thorsten

HTML

<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vuex"></script>
<div id="app">
  <p ref="p">{{ value }}</p>
  <p>
    <button v-on:click="change()">
      Change
    </button>
  </p>
</div>

Babel + JSX

new Vue({
  el: '#app',
  data: {
    value: 'A'
  },
  methods: {
    change: function () {
      this.value = 'B'
      setTimeout(() => {
        console.log(this.$refs.p.innerHTML)
        for (var i = 0; i < 2000000000; i++) {}
        this.value = 'C'
      },60);
    },
  }
});