vue不能在根节点中使用v-for

碰到一个像这样的问题

<template>

    <ul class="mainmenu" @touchstart="touchMainMenu" ref="mainmenu" v-for="item,index in menuItems" :key="index">
      <li>{{item.title}}</li>
      
    </ul>

</template>

直接编译报错:

Cannot use v-for on stateful component root element because it renders multiple elements

查过很多文章,大致意思就是 v-for不能用于根元素（root element）。因为v-for是个循环，它返回更多的元素。导致无法渲染。

因为vue这个时候不知道该怎么渲染，因为div是根元素，vue不知道该如何将key,value渲染到那个html标签中