如何在vue js中遍历JSON对象

data() {
  return {
    jsonData: {
      key1: 'value1',
      key2: 'value2',
      key3: 'value3'
    }
  }
}

<div v-for="(value, key) in jsonData" :key="key">
  {{ key }}: {{ value }}
</div>

<template>
  <div>
    <div v-for="(value, key) in jsonData" :key="key">
      {{ key }}: {{ value }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      jsonData: {
        key1: 'value1',
        key2: 'value2',
        key3: 'value3'
      }
    }
  }
}
</script>