HTML

vue emit

// This is in child component
// use this after some process in methods

this.$emit('event-name', 'Hello, I'm Suman') ——————┐
                                               	   │
// parent component                                │
<template>                                         │
  <child-component                                 │
	@event-name="someFuncToCall" <—————————————————┘
  >
  </child-component>
</template>
<script>
  export default {
    methods: {
      someFuncToCall(arg) {
        console.log(arg); //Hello, I'm Suman
      }
    }
  }
</script>

vue 3 emits

<template>
  <div>
    <p>{{ text }}</p>
    <button v-on:click="$emit('accepted')">OK</button>
  </div>
</template>
<script>
  export default {
    props: ['text'],
    emits: ['accepted']
  }
</script>

how emit in input in vue

<input  @change="$emit('modelInput' , inputValueModel)"  >

how to emit a function in vue

this.$emit('myEvent')