vue模板只能有一个根对象

示例代码：

<template>
  <div class='logo'>
    <h1>{{title}}</h1>
  </div>
  <div class='body'>
   ...
  </div>
</template>

当运行上述代码时，会出现报错信息：

 - Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

原因是：vue模板只能有一个根对象
解决方法：另外要用div或别的元素包裹全部的元素

<template>
	<div class="app-container">
	  <div class='logo'>
	    <h1>{{title}}</h1>
	  </div>
	  <div class='body'>
	   ...
	  </div>
	</div>
</template>