JSFiddle - React, Tailwind, and code Playground

by ozzon91

HTML

<div id="app">
  <form action="" @submit.prevent="go">
    <input type="text" v-model="user.name">
    <button type="submit">go</button>
    <button @click="reset">Reset</button>
  </form>
</div>

JavaScript

let user = {
	name: 'Alex'
};

new Vue({
	el: '#app',  
  computed: {
  	user: {
    	get: function () {
      	return Object.assign(this.form.user, user);;
    	},
  	}
  },
  
  methods: {
  	go() {
    	console.log(this.user);
    },
    
  	reset() {
    	Object.assign(this.user, user);
    }
  },
  
  data: function() {
  	return {form: { user: {name: ''} } }
  }
})