<template>
    <div class="input_group">
        <label :for="name">{{name}}</label>
        <input
        :type="type"
        :value = "value"
        :placeholder="placeholder"
        :name = "name"
        @input="$emit('input',$event.targer.value)"
        >
    </div>
</template>

<script>
export default {
    name : 'input_group',
    props : {
        type :String,
        default : 'text'
    },
    value : String,
    placeholder :String,
    name : String,
}
</script>

当你触发input事件时，$event 是当前的事件对象。 $event.target.value指向的是当前的input的值。