JSFiddle - React, Tailwind, and code Playground

by batcave

JavaScript

Vue.component("base-input", {
  props: {
    value: {
      type: String,
      required: true
    },
    idfor: {
      type: String,
      required: true
    },
    labeltext: {
      type: String,
      required: true
    }
  },
  template: `
    	 <div>
    	   <label for="idfor">{{labeltext}}</label>
    	   <input type="text" id="idfor" v-bind:value="value" v-on:input="$emit('input', $event.target.value)">
       </div>
    	`
});

Vue.config.devtools = true;

new Vue({
  el: "#app",
  data() {
    return {
      user: {
        name: "Hulk",
        age: 42
      }
    };
  }
});