vant-list,vant tab list,vant-cli,vant list onload无效,vant图标列表,vant的table
Vant4 List 列表是一个基于 Vue.js 开发的组件库 Vant4 中的一个列表组件，用于展示一组数据。该组件提供了多种列表展示方式和配置选项，可以方便地实现各种需求。

下面是一个简单的 Vant4 List 列表的例子：

html
<!-- 引入必要的 CSS 和 JS 文件 -->
<link rel="stylesheet" href="//unpkg.com/vant@next/dist/vant.min.css" />
<script src="//unpkg.com/vue@next"></script>
<script src="//unpkg.com/vant@next"></script>

<!-- 使用 List 组件展示数据 -->
<van-list>
<van-cell v-for="(item, index) in list" :key="index">{{ item }}</van-cell>
</van-list>

<script>
const app = Vue.createApp({
data() {
return {
list: ['苹果', '香蕉', '橘子']
}
}
})
app.use(Vant)
app.mount('#app')
</script>


在上面的例子中，我们先引入了必要的 CSS 和 JS 文件，然后使用 Vant4 提供的 List 组件来展示一个包含三个水果名称的列表。具体而言，我们使用 v-for 指令遍历 list 数组，并将每个元素渲染成一个 <van-cell> 组件，最终放入 <van-list> 组件中展示出来。