9.父子组件

父子组件：其实就是在父组件的内部的components属性中，注册组件，然后切记父组件中调用子组件😏

image.png

<div id="app">
        <mycpn2></mycpn2>
    </div>
    
    <script>
        const cpn = Vue.extend({
            template: `
            <div>
                    <h2>Hello world</h2>
            <p>你好，世界</p>
            </div>
            `
        })
        const cpn2 = Vue.extend({
            template: `
            <div>
                    <h2>Hello world2</h2>
            <p>你好，世界2</p>
            <mycpn1></mycpn1>
            </div>
            `,
            components: {
                mycpn1: cpn
            }
        })

        var vm = new Vue({
            el: '#app',
            data: {},
            methods: {},
            components: {
                mycpn2: cpn2
            }
        });