vue 文件列表显示 div

您好！感谢您的提问。

如果您想要在 Vue 中显示一个文件列表，您可以使用 `v-for` 指令来遍历文件列表，并使用 `div` 元素来显示每个文件的信息。具体实现可以参考下面的代码示例：

<template>
  <div>
    <div v-for="file in fileList" :key="file.id">
      <div>{{ file.name }}</div>
      <div>{{ file.size }}</div>
      <div>{{ file.type }}</div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fileList: [
        { id: 1, name: 'file1', size: '1 MB', type: 'pdf' },
        { id: 2, name: 'file2', size: '2 MB', type: 'jpg' },
        { id: 3, name: 'file3', size: '3 MB', type: 'doc' }
      ]
    };
  }
};
</script>

在上面的代码中，我们首先定义了一个 `fileList` 数组来存储文件列表。然后使用 `v-for` 指令来遍历文件列表，并使用 `div` 元素来显示每个文件的信息。其中，`:key` 属性用来为每个列表项指定一个唯一的标识符，以便 Vue 在更新列表时能够正确地识别每个项。

希望这个回答能够帮助到您！如果您有任何其他问题，请随时提出。