Vue单个根元素

单个根元素：每个组件必须只有一个根元素；

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>