vue v-model for custom component

v-model-example.vue

<template>
  <input @input="handleInput" />
</template>

<script>
export default {
  props: ['value'],
  data () {
    return {
      content: this.value
    }
  },
  methods: {
    handleInput (e) {
      this.$emit('input', this.content)
    }
  }
}

// export default {
//   props: ['hidden'],
//   model: {
//       prop: 'hidden',
//       event: 'blur'
//   }
//   methods: {
//       handleInput (value) {
//           this.$emit('blur', value)
//       }
//   }
// }

/**
 * <basic-input v-model="email" /> 
 * --> 
 * <basic-input :hidden="email" @blur="e => email = e.target.value" />
 */

</script>