在Nuxt " v-for“中，当在v-for中的每一项中使用相同的计算属性时，如何避免重复计算？

<template>
  <div>
    <ul>
      <li v-for="item in computedItems" :key="item.id">{{ item.name }}</li>
    </ul>
  </div>
</template>

export default {
  computed: {
    computedItems() {
      return this.items.map(item => {
        return {
          id: item.id,
          name: this.calculateName(item) // 调用计算属性中的方法
        }
      })
    }
  },
  methods: {
    calculateName(item) {
      // 执行需要的计算操作
      return item.name.toUpperCase();
    }
  }
}