具体代码如下
<template>
<div>
<h2>v-for</h2>
<!--
v-for="xx in data"
v-for="xx of data"
in可以换成of
-->
<!-- v-for中遍历数组,要给每一个元素绑定一个key值(唯一),对数据的渲染有优化作用 -->
<!-- 遍历数组 -->
<div v-for="(num, index) in arr" :key="index">{{ num + 1 }}</div>
<!-- 遍历对象 -->
<div v-for="(item, key, index) in obj" :key="index">
{{key}}-->{{item}}
</div>
</div>
</template>
<script>
export default {
name: 'demo2',
data () {
return {
arr: [1, 2, 3, 4, 5],
obj: {
name: 'zhangsan',
sex: 'male',
age: 12
}
}
}
}
</script>