JSFiddle - React, Tailwind, and code Playground

by imys

HTML

<div id="app"></div>

JavaScript

var childInput = Vue.extend({
	template: '<input v-model="childMsg">',
  props: {
  	childMsg: String
  }
})


new Vue({
	el: '#app',
	template: '<h1>{{msg}}</h1> <child-input :child-msg.sync="msg"></child-input>',
  components: {
  	childInput: childInput
  },
  data: {
  	msg: 'hello'
  }
})