多语言展示
当前在线:870今日阅读:168今日分享:49

vue如何进行遍历

vue中遍历是经常要操作的,下面小编给大家分享一下vue中如何进行遍历。
方法/步骤
1

首先创建一个html和js的目录,如下图所示

2

接着在html中导入vue的库,如下图所示

3

然后创建vue实例,并设置要遍历的数据,如下图所示

4

接下来用v-for进行数据遍历,如下图所示

5

然后在浏览器中运行html文件,如下图所示

6

最后就可以看到数据都被遍历出来了,如下图所示

总结

1,首先创建一个html和js的目录2,在html中导入vue的库3,创建vue实例,并设置要遍历的数据4,用v-for进行数据遍历5,在浏览器中运行html文件6,就可以看到数据都被遍历出来了

推荐信息