JSFiddle - React, Tailwind, and code Playground

by Simon Herteby

HTML

<div id="vue">
  <user :user="user"></user>
  <input v-model="user.name">
  <input v-model="user.email">
  <input :value="user.email" @input="e => user = {...user, email:e.target.value}">
</div>

Vue

new Vue({
	el:"#vue",
	data:{
  	user:{name:"Simon",email:"[email protected]"}
  },
  components:{
  	user:{
    	template:`<div>{{user.name}}</div>`,
      props:['user'],
      updated(){
      	console.log("Updated")
      }
    }
  }
})