JSFiddle - React, Tailwind, and code Playground

by skirtle

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
<div id="app">
  <my-child></my-child>
</div>

JavaScript

MyChild = {
  template: `<button @click="count++">Button 1</button>`,
  
  data () {
    return {
      count: 0
    }
  },
  
	created () {
    console.log(this.count)
  },

  updated () {
    console.log('Child updated')
  }
}

Vue.createApp({
  components: {
    MyChild
  },
  
  updated () {
    console.log('root updated')
  }
}).mount('#app')