Vue组件的基本使用

Vue中想用组件总共分几步：

        1.创建组件

        2.注册组件

        3.使用组件

1.创建组件

  //1.创建school组件，这里的school并不是组件名，只是一个中转变量名
    const school = Vue.extend({
        // el:'#root',    //组件定时，一定不要写el配置项，因为最终所有的组件都要被一个vm管理，由vm决定服务于哪个容器
        data(){
            return{
                schoolName:'山河大学',
                address:'山东济南',
            }
        }
    })
    //创建student组件
    const student = Vue.extend({
        data(){
            return{
                studentName:'张三',
                age:19,
            }
        }
    })

2.注册组件

 //创建vm
    new Vue({
        el:'#root',
        components:{
            //第二步，注册组件（局部注册）
            //key:value   其中key是最终组件名，value是之前定义的中转变量名字
            xueiao:school,
            xuesheng:student,

        }
    })

 3.使用组件

全局组件：

  总结：