vue的v_for

liu1992452008

于 2017-11-18 11:39:03 发布

阅读量201

点赞数

分类专栏： vuejs

本文链接：https://blog.youkuaiyun.com/liu1992452008/article/details/78567693

版权

vuejs 专栏收录该内容

34 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
				<script type="text/javascript" src="vue.js" ></script>

	</head>
	<body>
		<div id="app">
          <p v-for="(score, index) in s">
          	{{index+':'+score}}
          </p>
          <p v-for="(f, index) in dog">
          	{{f+':'+index}}
          </p>
		</div>
		<script type="text/javascript">
			new Vue({
				el:'#app',
				data:{
					s:[90,67,5,6,44,33,52,24,87,90,93,64],
					dog:{name:'旺财',age:3,height:1.44}
				
				}
			})
		</script>
	</body>
</html>