vant tabbar,vant html,vant tab list,vant可以用script标签引入吗,vant tabs,vant自定义图标
Vant4是一套基于Vue.js的移动端UI组件库，其中包括了Tab标签页组件。

Tab标签页组件通常用于展示多个相关页面或内容，用户可以通过点击标签栏上的不同选项卡来切换显示不同的内容。Vant4的Tab标签页组件支持横向和纵向两种排列方式，并且可以自定义选项卡的样式和内容。

以下是一个使用Vant4 Tab标签页组件的简单例子：

vue
<template>
<van-tabs v-model="active">
<van-tab title="选项一">这是选项一的内容</van-tab>
<van-tab title="选项二">这是选项二的内容</van-tab>
<van-tab title="选项三">这是选项三的内容</van-tab>
</van-tabs>
</template>

<script>
import { Tab, Tabs } from 'vant';

export default {
components: {
VanTab,
VanTabs,
},
data() {
return {
active: 0,
};
},
};
</script>


在这个例子中，我们引入了Vant4的Tab标签页组件，并且创建了三个选项卡分别对应着不同的内容。在模板中，我们使用van-tabs标签来包裹所有的选项卡，并且使用v-model来绑定当前活跃的选项卡索引。每个选项卡都使用van-tab标签来表示，title属性用于设置选项卡的名称，标签内部的内容则表示对应的内容。