emits vue 3 js

emits

<!--
 From the child component, you want to do an "emit".
 This tells the parent to run the callback specified
 in the child component reference. Psuedo code:
-->

<child>
    <button @click="send()">Click Me</button>

    methods: {
      send() {
    		this.$('send', 'Hello World');
      }
    }
</child>

<parent>
  <child @send="receive"></child>

    methods: {
      receive(childData) {
        console.log(childData); // "Hello World"
      }
    }
</parent>

The Wizard of Oz, 1939

<!--
 From the child component, you want to do an "emit".
 This tells the parent to run the callback specified
 in the child component reference. Psuedo code:
-->

<child>
    <button @click="send()">Click Me</button>

    methods: {
      send() {
    		this.$('send', 'Hello World');
      }
    }
</child>

<parent>
  <child @send="receive"></child>

    methods: {
      receive(childData) {
        console.log(childData); // "Hello World"
      }
    }
</parent>