动态添加文件夹中的所有组件

Question

因此，我目前正在构建一个教程，随着添加更多功能，页面数将不断扩大，目前，我正在将每个文件手动添加到显示文件，即

const Page0 = () => import("../../components/tutorial/Page0/index.vue");
const Page1 = () => import("../../components/tutorial/Page1/index.vue");

但是很明显，一旦它变大了，即不能很好地处理它，]。

const Page0 = () => import("../../components/tutorial/Page0/index.vue");
...
const Page100 = () => import("../../components/tutorial/Page100/index.vue");
所以我想知道是否有一种方法可以让vue.js知道它应该获取某个文件夹中的所有文件/文件夹，并将每个文件/文件夹呈现为具有'Page' + number名称的组件。

订购事宜。

此处为完整代码沙箱https://codesandbox.io/s/serene-curie-it7xo?file=/pages/tutorial/_page.vue:102-247

所以我目前正在构建一个教程，随着添加更多功能，页面数将不断扩大，目前，我正在将每个文件手动添加到显示文件中，即const Page0 = ...

Answer 1

然后使用动态加载。