v-for循环对象

<template>
  <div>
    数据源{{ data }}
    <div v-for="(item, index, i) in data" :key="index">
      item 值 {{ item }} --- index 键 {{ index }}--- i下标---{{ i }}
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      data: { name: "tom", hoby: "ball" },
    };
  },
  methods: {},
};
</script>