vue 传后端｛[]}

Vue.js 中，当你需要从后端获取数据并传递到组件中展示时，通常会遇到数组格式的数据。当你接收到后端返回的 JSON 数据，它可能会是一个空的数组 `[]` 或者其他类型的数组结构，比如 `{ data: [] }`。你可以通过 Vue 的 `v-model` 或者 `props` 来绑定这个数组。

例如，如果你有一个列表组件 `List.vue`，可以接收一个名为 `items` 的 prop：

<template>
  <div v-for="item in items" :key="item.id">
    <!-- 渲染每个列表项 -->
  </div>
</template>

<script>
export default {
  props: {
    items: {
      type: Array,
      default: () => []
    }
  }
}
</script>

然后，在父组件（假设名 `ParentComponent.vue`）中，你可以从 API 获取数据并将其传递给 `List` 组件：

<template>
  <List :items="dataFromServer" />
</template>

<script>
import List from './List.vue'

export default {
  components: {
    List
  },
  data() {
    return {
      dataFromServer: []
    };
  },
  async created() {
    const response = await axios.get('your-api-url');
    this.dataFromServer = response.data.items; // 假设后端返回的是类似 { items: ... } 的格式
  }
};
</script>