018——VUE中v-for操作对象与数值 

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>v-for操作对象与数值</title>
		<script src="vue.js"></script>
	</head>

	<body>
		<!--v-for操作对象-->
		<div id="lantian">
			<li v-for="(item,key,index) in user">
				{{index}}——{{key}}——{{item}}
			</li>
			<!--v-for操作数值-->
			<table border="1" width="100%">
				<tr v-for="v in 20">
					<td>{{v}}</td>
				</tr>
			</table>
		</div>

		<script>
			var app = new Vue({
				el: '#lantian',
				data: {
					user: {
						name: '小明',
						age: '22',
						sex: 'boy'
					}
				}
			});
		</script>
	</body>

</html>

　　

posted @ 2017-12-21 13:44  生如逆旅，一苇以航  阅读(596)  评论(0)    收藏  举报