手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何使用vue-cli遍历展示数组

时间:2024-10-13 17:51:11

1、首先使用HBuilder X创建一个vue-cli项项目,一个空白项目

如何使用vue-cli遍历展示数组

2、在data中建立一个数组,之后需要我们在页面上展现这个数组的内容

如何使用vue-cli遍历展示数组

3、使用v-for属性来遍历数组,以“value in ints”的格式填入参数,ints是被遍历的墙绅褡孛数据,value是遍历出的值。

如何使用vue-cli遍历展示数组

4、遍历的展现结果

如何使用vue-cli遍历展示数组
© 手抄报圈