以list<>类型接受api传入的数据

在 Vue 中，你可以使用 `List` 或 `Array` 类型来接收 API 传入的数据。以下是一个示例代码：

<template>
  <div>
    <ul>
      <li v-for="(item, index) in dataList" :key="index">
        {{ item }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dataList: []
    };
  },
  mounted() {
    // 在这里调用 API 获取数据
    // 假设 API 返回的数据是一个数组
    // 可以使用 axios 或其他 HTTP 请求库来发送 API 请求

    // 示例：使用 axios 发送 GET 请求
    axios.get('your_api_url')
      .then(response => {
        this.dataList = response.data;
      })
      .catch(error => {
        console.error(error);
      });
  }
};
</script>

在上述示例中，我们首先定义了一个名为 `dataList` 的空数组，用于存储从 API 获取的数据。

在 Vue 的 `mounted` 钩子函数中，我们可以调用 API 并获取数据。这里使用了 axios 库发送 GET 请求，你可以根据自己的需求选择合适的库。

在请求成功后，我们将 API 返回的数据赋值给 `dataList` 数组。然后，在模板中使用 `v-for` 指令遍历 `dataList` 数组，并在每个 `<li>` 元素中展示数据项。

请确保替换示例代码中的 `your_api_url` 为实际的 API 地址，并在引入 axios 库后进行进一步的配置和使用。

通过以上步骤，你就可以在 Vue 中以 `List` 或 `Array` 类型接受 API 传入的数据，并在模板中进行展示或进一步处理。