vue中tab能不能不通过遍历

可以，你可以使用v-for指令来遍历选项卡，也可以使用v-bind指令来动态绑定选项卡。此外，你还可以使用slot插槽来手动添加选项卡，这样就不需要遍历来渲染选项卡了。下面是一个使用slot插槽的例子：

<template>
  <div>
    <ul>
      <li v-bind:class="{ active: activeTab === 'tab1' }" v-on:click="activeTab = 'tab1'">Tab 1</li>
      <li v-bind:class="{ active: activeTab === 'tab2' }" v-on:click="activeTab = 'tab2'">Tab 2</li>
      <li v-bind:class="{ active: activeTab === 'tab3' }" v-on:click="activeTab = 'tab3'">Tab 3</li>
    </ul>
    <div>
      <slot name="tab1"></slot>
      <slot name="tab2"></slot>
      <slot name="tab3"></slot>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeTab: 'tab1'
    }
  }
}
</script>

在上面的例子中，我们使用v-bind指令和v-on指令来动态绑定选项卡，使用slot插槽手动添加选项卡。通过v-bind:class和v-on:click指令，我们可以根据当前选中的选项卡来设置样式和响应点击事件。