子父通信 （子组件 通过自定义事件 $emit() 传递数据 父组件 通过 v-on 监听事件并接受数据）

<div id="app">
        <p>接受数： {{msg}}</p>
        <three-child v-on:send-msg="getMsg"></three-child>
    </div>

<script src="./js/vue.global.min.js"></script>
    <script>
        const app = Vue.createApp({
            data() {
                return {
                    count: 100,
                    flag: false,
                    msg: ''
                }
            },
            methods: {
                getMsg(data) {
                    console.log(data);
                    this.msg = data;
                }
            }
        })

        const ThreeChild = {
            data() {
                return {
                    val: '子组件的内容'
                }
            },
            template: `
                <p @click='send'>最后一个个子组件 === </p>              
            `,
            emits: [send - msg],
            methods: {
                send() {
                    this.$emit('send-msg', this.val)
                }
            }
        }

        app.component('ThreeChild', ThreeChild)

        app.mount('#app')
    </script>