vue学习笔记【六、v-for遍历】

遍历数据并显示：

<template>
	<div>
		<h3>遍历数组</h3>
		<ul>
			<li v-for="(person,index) in persons">
				{{index}}==:  姓名：{{person.name}},年龄：{{person.age}},姓别：{{person.sex}}
			</li>
		</ul>
		
		<h3>遍历对象</h3>
		<ul>
			<li v-for="(item,key) in persons[0]">
				{{key}}==:  {{item}}
			</li>
		</ul>
	</div>
</template>

<script>
	export default{
		name:"ComputedAndWatch",
		data(){
			return {
				persons:[
					{name:'aa',age:12,sex:'男'},
					{name:'bb',age:13,sex:'男'},
					{name:'cc',age:14,sex:'女'},
					{name:'dd',age:18,sex:'男'}
				]
			}
		}
	}
</script>

<style scoped>
	
</style>