单个根元素:每个组件必须只有一个根元素;
Vue官网这样写道:
当构建一个 <blog-post>
组件时,你的模板最终会包含的东西远不止一个标题:
<h3>{
{ title }}</h3>
最最起码,你会包含这篇博文的正文:
<h3>{
{ title }}</h3>
<div v-html="content"></div>
然而如果你在模板中尝试这样写,Vue 会显示一个错误,并解释道 every component must have a single root element (每个组件必须只有一个根元素)。你可以将模板的内容包裹在一个父元素内,来修复这个问题,例如:
<div class="blog-post">
<h3>{
{ title }}</h3>
<div v-html="content"></div>
</div>