<body>
<div id="app">
<!--li循环-->
<ol>
<li v-for = "item in arr">
{{item.name}}
</li>
</ol>
<!--template循环-->
<ul>
<template v-for="item in arr">
<li>{{item.name}}</li>
<li>-------------</li>
</template>
</ul>
<!--对象遍历-->
<ul>
<li v-for="(value, key, index) in obj">
{{value}} + {{ key}} + {{ index}}
</li>
</ul>
<!--整数遍历-->
<ul>
<li v-for="n in 10">
{{n}}
</li>
</ul>
</div>
<script>
new Vue({
el: "#app",
data:{
arr: [
{name: '小明'},
{name: '小李'},
{name: '小王'}
],
obj:{
name: '张三',
address: '北京',
sex: '男'
}
}
})
</script>
</body>
循环遍历
最新推荐文章于 2022-01-27 11:15:53 发布
506
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
