Vue列表没有显示javascript字典的关键字吗？

<template>
  <div>
    <ul>
      <li v-for="item in dictionaryArray" :key="item.key">
        {{ item.key }}: {{ item.value }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dictionary: {
        key1: 'value1',
        key2: 'value2',
        key3: 'value3'
      }
    };
  },
  computed: {
    dictionaryArray() {
      return Object.keys(this.dictionary).map(key => ({
        key: key,
        value: this.dictionary[key]
      }));
    }
  }
};
</script>