使用Vue将数组转换为单个对象

new Vue({
  data: {
    arrayData: [
      { id: 1, name: 'John' },
      { id: 2, name: 'Jane' },
      { id: 3, name: 'Bob' }
    ],
    singleObject: {}
  },
  // ...
});

new Vue({
  data: {
    arrayData: [
      { id: 1, name: 'John' },
      { id: 2, name: 'Jane' },
      { id: 3, name: 'Bob' }
    ],
    singleObject: {}
  },
  created() {
    this.arrayToSingleObject();
  },
  methods: {
    arrayToSingleObject() {
      this.singleObject = this.arrayData.reduce((obj, item) => {
        obj[item.id] = item;
        return obj;
      }, {});
    }
  }
});

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