后端传来对象数组，前端vue取出一个对象

如果你想在Vue中获取一个对象数组中的一个对象，你可以使用v-for指令来渲染整个数组，并使用v-on指令来监听用户的点击事件。在点击事件处理程序中，你可以将被点击的对象保存到Vue实例的data属性中，然后在模板中使用这个数据来显示被选中的对象。

下面是一个简单的示例代码：

<template>
  <div>
    <ul>
      <li v-for="(item, index) in items" :key="index" @click="selectItem(item)">
        {{ item.name }}
      </li>
    </ul>

    <div v-if="selectedItem">
      <h3>{{ selectedItem.name }}</h3>
      <p>{{ selectedItem.description }}</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { name: "Apple", description: "A juicy fruit" },
        { name: "Banana", description: "A yellow fruit" },
        { name: "Orange", description: "A citrus fruit" }
      ],
      selectedItem: null
    };
  },

  methods: {
    selectItem(item) {
      this.selectedItem = item;
    }
  }
};
</script>

在上面的示例中，我们使用v-for指令来渲染items数组中的所有对象，并使用v-on指令来监听用户的点击事件。当用户点击一个对象时，我们调用selectItem方法将被点击的对象保存到Vue实例的data属性中。最后，我们在模板中使用selectedItem属性来显示用户选中的对象的详细信息。