用stup语法糖写一个自动引入组件的例子

好的，以下是一个使用 `setup` 语法糖实现自动引入组件的例子。

假设我们有一个 `components` 文件夹，里面存放了多个组件，我们希望在组件中自动引入这些组件，并注册到当前组件中。

<template>
  <div>
    <h1>自动引入组件示例</h1>
    <MyComponent1 />
    <MyComponent2 />
  </div>
</template>

<script>
import { defineAsyncComponent } from 'vue';

export default {
  setup() {
    // 自动引入 components 文件夹下的所有组件
    const components = Object.fromEntries(
      Object.entries(import.meta.globEager('./components/*.vue'))
        .map(([path, component]) => [path.match(/\/(\w+)\.vue$/)[1], defineAsyncComponent(() => component.default)])
    );

    return {
      ...components,
    };
  },
};
</script>

以上代码中，我们首先使用 `import.meta.globEager` 函数获取 `components` 文件夹下的所有组件，然后使用 `map` 函数和正则表达式对组件进行处理，最后使用 `Object.fromEntries` 函数将处理后的组件转换为一个对象。

接着，我们将这个对象展开到组件的 `setup` 函数中，并返回，这样就可以在模板中直接使用自动引入的组件了。

需要注意的是，以上代码仅适用于 Vue3，如果你使用的是 Vue2，需要将 `defineAsyncComponent` 函数替换为 `Vue.component` 函数。