Vue 关于组件的嵌套的感悟

关于vue嵌套组件，就是先创建一个子组件，再创建一个父组建将它的子组件包含进去，这个顺序是不能错的，具体是这样的

        //这里有一个先后顺序，先创建子组件，再创建父组件
        //创建student组件
        const student = Vue.extend({
            template: `
        <div>
            <h2>学生名字：{{studentName}}</h2>
            <h2>学生地址：{{StudentAddress}}</h2>
        </div>
        `,
            data() {
                return {
                    studentName: '李四',
                    StudentAddress: '北京'
                }
            }
        })
        // 创建school组件作为student父组件
        const school = Vue.extend({
                template: `
        <div>
            <h2>学校名字：{{schoolName}}</h2>
            <h2>学校地址：{{address}}</h2>
            <student/>//使用子组件
        </div>
        `,
                data() {
                    return {
                        schoolName: '野鸡大学',
                        address: '北京'
                    }
                },
                //注册子组件
                components: {
                    student
                }
        })

这样我们就可以通过父组件来控制子组件
在开发时我们会使用一个app组件去控制管理所有的组件，原理也是一样的