vue js emit example

Example 1: how emit in input in vue

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

Example 2: how to emit a function in vue

this.$emit('myEvent')

Example 3: 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>

Tags:

Html Example

Related