封装 vantUi-TAB

要封装 Vant UI 的 Tab 组件，你需要先确保你已经引入了 Vant UI 的库文件和样式。

下面是一个简单的 Vant UI Tab 组件的封装示例代码：

<template>
  <div>
    <van-tabs v-model="activeTab">
      <van-tab title="Tab 1" name="tab1">
        <!-- Tab 1 内容 -->
      </van-tab>
      <van-tab title="Tab 2" name="tab2">
        <!-- Tab 2 内容 -->
      </van-tab>
      <van-tab title="Tab 3" name="tab3">
        <!-- Tab 3 内容 -->
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeTab: 'tab1' // 设置默认选中的 Tab
    };
  }
};
</script>

在上面的代码中，我们使用 `<van-tabs>` 标签创建一个 Tab 组件，并使用 `v-model` 指令来绑定当前选中的 Tab。然后，我们使用 `<van-tab>` 标签创建每个 Tab 的内容，并通过 `title` 属性设置 Tab 的标题，`name` 属性设置 Tab 的唯一标识。

你可以根据自己的需求修改和扩展 Tab 的数量和内容，并使用 Vant UI 提供的其他属性和事件来定制 Tab 组件的样式和功能。

请确保你已经正确引入了 Vant UI 的库文件和样式，以使上述代码正常工作。