如何在Vue中使用带有空格的json key？

{
  "first name": "John",
  "last name": "Doe"
}

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

<script>
export default {
  data() {
    return {
      jsonData: {
        "first name": "John",
        "last name": "Doe"
      }
    };
  },
  computed: {
    formattedData() {
      const formatted = {};
      for (const key in this.jsonData) {
        formatted[key.replace(/\s/g, "_")] = this.jsonData[key];
      }
      return formatted;
    }
  }
};
</script>