父子通信 （1. 在子组件标签上 自定义属性并绑定数据 2. 在子组件模板内部通过 props 属性接受 ， 接受的是 在子组件标签上的 自定义属性名 用法和 使用data中的数据一样）

<div id="app">
        <second-child title="父组件的数据" v-bind:msg="msg"></second-child>
     </div>

<script src="./js/vue.global.js"></script>
    <script>
        const app = Vue.createApp({
            data(){
                return {
                    msg:'hello'
                }
            }
        })

       
        const SecondChild = {
            data(){
                return {

                }
            },
            template:`
                <p>第二个子组件 ===  {{title}}  === {{msg}}</p>  
            `,
            props:['title', 'msg']
        }

        const ThreeChild = {
            data(){
                return {

                }
            },
            template:`
                <p>最后一个个子组件 === </p>  
                <SecondChild></SecondChild>           
            `
        }


        app.component('SecondChild', SecondChild)
        app.component('ThreeChild', ThreeChild)

        app.mount('#app')


    </script>