vuejs基础-v-for用法

遍历数组、数组对象、对象、数字

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="vue.min.js" ></script>
	</head>
	<body>
		<div id="app">
			<p v-for="(item,ii) in arr">数据中标号第{{ii}}个的值是{{item}}</p>
			<p v-for="(item2,ii2) in list">id:{{item2.id}},name:{{item2.name}},序号是{{ii2}}</p>
			<p v-for="(val,key,ii3) in user">key:{{key}},value是{{val}},序号是{{ii3}}</p>
			<p v-for="count in 10">这是第{{count}}次遍历</p>
		</div>
	</body>
	
	<script>
		new Vue({
			el:"#app",
			data:{
				arr : [1,2,2,4,3,5],
				list :[
					{id:1,name:"name1"},
					{id:2,name:"name2"},
					{id:3,name:"name3"},
					{id:4,name:"name4"}
				],
				user : {
					id : "10",
					name : "zhang",
					age : 22
				}
			},
			methods:{}
		});
	</script>
</html>

  

数字遍历从1开始

猜你喜欢

转载自www.cnblogs.com/eadela/p/11232487.html
今日推荐