关于vue.js:Vue报错-Errortext-XXX-outside-root-element-will-be-ignored

对于Vue报错：Error：text XXX outside root element will be ignored.的起因及解决办法

起因：

<template>
     <h1>集体展现页</h1>
      <h2>目录</h2>
</template>

Vue中一个<template>标签下只能有一个跟标签，不能同时有多高标签

解决办法：

<template>
  <div>
    <h1>集体展现页</h1>
    <h2>目录</h2>
  </div>

</template>

用一个<div>标签把多个标签封装成一个标签