组件
组件注册
需要组件配置对象（其实就是一个普通对象，内面有几个选项而已）
组件配置对象
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
