循环遍历

时间 2019-11-09

标签循环遍历繁體版

原文原文链接

<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>
复制代码

1. thinkPHP 循环遍历
2. thymeleaf循环遍历
3. for循环遍历
4. foreach 循环遍历
5. Thymeleaf循环遍历
6. foreach循环遍历数组
7. Java mybatis 循环遍历map
8. 三种for循环遍历
9. python_列表_循环遍历
10. 循环遍历函数
更多相关文章...
• XML DOM 遍历节点树 - XML DOM 教程
• PHP 循环 - While 循环 - PHP教程
• C# 中 foreach 遍历的用法
• 算法总结-广度优先算法