循環遍歷

時間 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 遍歷的用法
• 算法總結-廣度優先算法

相關標籤/搜索