将api响应数组转换为另一个数组，以传递给Vue prop

// 假设这是从API获取的响应数组
const apiResponse = [
  { id: 1, name: 'Item 1' },
  { id: 2, name: 'Item 2' },
  { id: 3, name: 'Item 3' }
];

// 使用map方法将API响应数组转换为另一个数组
const transformedArray = apiResponse.map(item => {
  return {
    itemId: item.id,
    itemName: item.name.toUpperCase()
  };
});

// 在Vue组件中定义prop来接收转换后的数组数据
Vue.component('my-component', {
  props: {
    transformedData: {
      type: Array,
      default: () => []
    }
  },
  template: `
    <div>
      <ul>
        <li v-for="item in transformedData" :key="item.itemId">
          {{ item.itemId }} - {{ item.itemName }}
        </li>
      </ul>
    </div>
  `
});

// 创建Vue实例并将转换后的数组传递给组件的prop
new Vue({
  el: '#app',
  data: {
    transformedArray: transformedArray
  },
  template: `
    <div>
      <my-component :transformed-data="transformedArray"></my-component>
    </div>
  `
});