组件

组件注册

需要组件配置对象（其实就是一个普通对象，内面有几个选项而已）

组件配置对象

const 对象名（组件名）={
    // template中有且只能有一个根节点
    template:`
    <div></div>
    `,
    // 需要是一个函数返回对象的形式
    data(){
        return {
            // 组件中的data默认只能被当前组件获取，其他组件不能直接获取
            msg:""
        }
    }
}

全局注册

全局注册后再所有组件中都可以直接使用(就像elementui中的组件，我们没有注册直接就能使用，因为他已经帮我们全局注册过了)

Vue.component(组件名,组件配置对象)

局部注册

如果是局部注册，要注意顺序，将bedroom的组件配置对象写在house组件配置对象的下面是会报错的，因为他会找不到bedroom，

const Bedroom={
    template:`
    <div>卧室</div>
    `,
}
const House={
    template:`
    <div>
        <bed-room></bed-room>
        
    </div>
    `,
    components:{
        // 组件名：组件配置对象
        // Bedroom:Bedroom简写为
        Bedroom
    }
}

20200130134340.png

20200130134459.png