Vue.js 带标记组合的Vuejs v-for循环

我想在不循环ul的情况下，为v-for的每个循环循环循环两个列表标记。vuejs中是否有任何内部循环可用于通过循环来逃避ul标记，或者是否有任何其他方法

<ul id="example-1" v-for="(item, index) in items" :key="item.message">
  <li >
    {{ item.message }}
  </li>
  <li>
   {{ item.text}}
  </li>
</ul>

我能得到的明显结果是：

福

酒吧

巴兹

库兹

我需要的结果是：

福

巴兹

酒吧

库兹

您可以在

标记上循环

<ul id="example-1">
  <template v-for="item in items">
    <li>
      {{ item.message }}
    </li>
    <li>
     {{ item.text}}
    </li>
  </template>
</ul>

{{item.message}}


{{item.text}

如果您使用的是Vue，则可以在

标记上循环

<ul id="example-1">
  <template v-for="item in items">
    <li>
      {{ item.message }}
    </li>
    <li>
     {{ item.text}}
    </li>
  </template>
</ul>

{{item.message}}


{{item.text}

---

如果您使用的是Vue，我使用的是Vue3和Vue cli，当我尝试为

的子元素设置关键帧时，会出现一个错误

VueCompilerError:关键帧应放在标记上。我之前对这个github问题发表过评论：谢谢，@Nathangings。我已经更新了我的答案。哇！我怎么会错过那个“破零钱”！感谢您提供的链接。我正在使用Vue3和Vue cli，当我尝试为
的子元素设置关键帧时，出现了一个错误
VueCompilerError:关键帧应放置在标记上
。我之前对这个github问题发表过评论：谢谢，@Nathangings。我已经更新了我的答案。哇！我怎么会错过那个“破零钱”！谢谢你的链接。