JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<div id="test">
  <input type="text" :input="kata" v-model="kata">
  <h1>{{ kata }}</h1>
</div>

JavaScript

new Vue ({
	el : '#test',
  data(){
  	return {
    	kata : ''
    }
  },
  computed: {
  	computedUpperCase(){
    	return this.kata.toUpperCase()
    }
  },
  methods : {
  	renderUpperCase(){
    	return this.computedUpperCase()
    }
  }
})