Input.vue

<template>
  <input type="text" :value="hiddenValue" :ref="'inputRef'" @input="handleInput($event)">
</template>

<script>
export default {
  name: "Input",
  model: {
    prop: "hiddenValue",
    event: "blur"
  },
  props: {
    hiddenValue: {
      type: [String, Number]
    }
  },
  methods: {
    handleInput(event) {
      const vm = this;
      vm.$emit("blur", event.target.value);
    }
  }
};
</script>

<style scoped>
</style>