02-父子-props

 <div id="app">

        <!-- <div>
            <h1>A --</h1>

            <div>
                <p>B</p>
            </div>
        </div> -->

        <my-a></my-a>

    </div>

    <script>
        Vue.component("my-a",{
            data(){
                return { 
                    aVal:66666
                }
            },
            template:`
            <div>
                <h1 >A --{{ aVal }}</h1>            
                <my-b :x="aVal"></my-b>     
            </div>
            
            `
        })

        
        Vue.component("my-b",{
            props:['x'],
            template:`
            <div>
                    <p>B----{{x}} </p>
            </div>
            `
        })

        new Vue({el:"#app"})
    </script>