vue.js中可以使用v-for指令对数据进行循环，v-for用于循环的数组里面的值可以是对象，也可以是普通元素。
循环数组：
<div id="test">
<ul>
<li v-for='(item,index) in arr'><a style="color:transparent">来源gao*daima.com搞@代#码网</a>{{ item }}---{{ index }}</li>
</ul>
</div>
<script>
const vm = new Vue({
el: "#test",
data: {
arr: ['apple', 'orange', 'banana'],
}
})
</script>
输出结果
循环对象：
<div id="test">
<ul>
<li v-for='(value,key,index) in obj'>{{ value }}---{{ key }}---{{ index }}</li>
</ul>
</div>
<script>
const vm = new Vue({
el: "#test",
data: {
obj: {
name: "zhangsan",
age: 18,
sex: '男'
}
}
})
</script>
输出结果：
更多相关知识请关注web前端课程
以上就是vue.js如何对多个数据进行循环？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue.js如何对多个数据进行循环？
转载请注明原文链接：vue.js如何对多个数据进行循环？
