子コンポーネントから値が取れない

[kCat-fun]

出来た 親コンポーネント

<InputBox placeholder="メールアドレス" @onchange="(val) => {console.log(val)}"/>

子コンポーネント

<template>
    <div>
        <input :type="type" :placeholder="placeholder" v-model="value" @change="this.$emit('onchange', value)" />
    </div>
</template>

<script>
export default {
    name: "InputBox",
    data: () => {
        return {
            value: undefined,
        }
    },
    props: {
        type: {
            type: String,
            default: "text",
        },
        placeholder: {
            type: String,
            default: ""
        },
    },
}
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>