在创建组件A构造函数的时候也可以将其他组件B的构造函数的对象创造得到。在这个组件中可以用这个组件，其他不行，找不到组件对象。但是都要从属于vm中。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="../js/vue (1).js"></script>
</head>
<body>
<div id="app">
<button>{{msg}}</button>
<x></x>
<y></y>
</div>
<script>
const x1={
data(){
return {
msg:3
}
},
template:`<h1>{{msg}}</h1>`
}
const y1={
data(){
return {
msg:5
}
},
template:`<h1>{{msg}}</h1>`
}
const x={
data(){
return {
msg:2
}
},
template:`<div>
<h1>{{msg}}</h1>
<x1></x1>
</div>`,
components:{
x1:x1
}
}
const y={
data(){
return {
msg:4
}
},
template:`<div>
<h1>{{msg}}</h1>
<y1></y1>
</div>`,
components:{
y1:y1
}
}
const vm= new Vue({
data:{
msg:1
} ,
el:'#app',
components:{
x:x,
y:y,
}
})
</script>
</body>
</html>
1.在template配置项中，一定要有一根结点，不能是两个结点，
2.无论是那，要渲染等，是只有插值语法或指令语法才有值。
