vue中的v-for指令

具体代码如下

<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>