Create v-model in custom component

gistfile1.txt

### Create component

SampleComponent.js
```
<template>
    <div>
        Mango Component:
        <input @input="handleInput($event.target.value)" />
    </div>
</template>

<script>
    export default {
        prop: ['value'],
        methods: {
            handleInput(e) {
                this.$emit('input', e)
            },
        },
    }
</script>
```

### Parent Component
Consume the component as follows:
###### Template

```
 <sample-component v-model="dataMango"></sample-component>
 <div>Parent Mango:{{ dataMango }}</div> 
 ```
 
 ###### Data
 
 ```
 import sampleComponent from '@/components/shared/ProjectWarehouse.vue'
 .
 . 
data:()=>({
  dataMango: 'Orange'
})

Find the best reference [here](https://paulund.co.uk/use-v-model-on-custom-vue-component)