报错原因: 组件模板 只能有一个根节点
报错代码:
<div id="app">
<v-two></v-two>
<!-- <v-one></v-one> -->
</div>
<script>
// 实例化vue
new Vue({
el:'#app',
data:{},
methods:{},
components:{
vTwo:{
template:'<div>局部注册组件</div>'
},
// 错误写法
vOne:{
template:`<div>
<h1>标题一</h1>
<p>文本内容</p>
</div>
<hr />
<div>底部</div> `
}
}
})
</script>