vue3框架中如何在videoList遍历本地文件夹里的视频

在 Vue 3 中，你可以使用 JavaScript 中的 `fetch` 或者 `axios` 库来获取本地文件夹中的视频列表，然后将其展示在视频列表中。

以下是一个使用 `fetch` 获取本地视频列表的示例代码：

<template>
  <div>
    <h2>视频列表</h2>
    <ul>
      <li v-for="video in videoList" :key="video.id">
        <video :src="video.url" controls></video>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      videoList: [], // 存储视频列表
    };
  },

  mounted() {
    // 发起请求获取本地视频列表
    fetch('http://localhost:3000/videos')
      .then((response) => response.json())
      .then((data) => {
        // 数据获取成功，将数据存储到 videoList 中
        this.videoList = data;
      })
      .catch((error) => console.error(error));
  },
};
</script>

在上述代码中，我们使用 `fetch` 发起了一个 GET 请求，获取了本地服务器上的视频列表。获取到数据后，我们将其存储到 `videoList` 数组中，并使用 `v-for` 指令遍历 `videoList` 数组，将每个视频展示出来。

当然，你需要在本地服务器上搭建一个能够返回视频列表的接口。同时，需要注意的是，视频文件需要放在本地服务器的指定目录下。