JSFiddle - React, Tailwind, and code Playground

by imall

HTML

<script src="https://unpkg.com/vue@3"></script>
    <div id="app">
        <h1>{{ data }}</h1>
        <button @click="plus">+</button>
    </div>

JavaScript

const {
  onUpdated,
  onBeforeUpdate,
  ref
} = Vue;
Vue.createApp({
  setup() {
    const data = ref(0);
    const plus = () => {
      data.value++;
    }
    onUpdated(() => {
      console.log('updated')
      console.log(data.value)
    })
    onBeforeUpdate(() => {
      console.log('before update')
      console.log(data.value)
    })
    return {
      data,
      plus
    }
  }
}).mount('#app')