vue报错：Component template should contain exactly one root element. If you are using v-if on.....

今天在写项目的时候遇到的问题：

代码如下：

<template>
    <div class = "a">{{time}}</div>
    <test-component></test-component>
</template>

报错如下：

 意思是说：组件模板应只包含一个根元素。如果在多个元素上使用v-if，请使用v-else-if来链接它们。

搞了好久不晓得咋回事，终于知道了原因：

　在从 Vue 1.x 迁移 一章，已明确说明移除片段实例，也就是说，vue2.x开始vue模板只能有一个根对象

问题解决方案：

在模板中添加一个根元素，包含所有我们的其他元素（如下，我添加了一个根div，来包含我的其他元素）

<template>
  <div>
    <div class = "a">{{time}}</div>
    <test-component></test-component>
  </div>
</template>