LoginForm.vue

<template>
    <select name="genre" @change="$emit('update:genre', $event.target.value)">
        <option value="">Selecciona una opción</option>
        <option
            v-for="item of genres"
            :value="item"
            :key="item"
            :selected="genre === item"
        >
            {{ item }}
        </option>
    </select>

    <input
        :value="email"
        @input="$emit('update:email', $event.target.value)"
        type="email"
        name="email"
    />
    <input
        :value="password"
        @input="$emit('update:password', $event.target.value)"
        type="password"
        name="password"
    />
</template>

<script>
    const genres = [
        'Hombre',
        'Mujer',
    ]
    export default {
        name: 'LoginForm',
        props: {
            genre: {
                type: String,
                default: ''
            },
            email: {
                type: String,
                default: ''
            },
            password: {
                type: String,
                default: ''
            }
        },
        setup () {
            return {
                genres,
            }
        }
    }
</script>