在Vue 3中，要获取指定目录内的所有组件

 

vue3 获取指定目录内组件

在Vue 3中，要获取指定目录内的所有组件，可以使用Vue的编程式导入。这通常在自动化场景，如通过编程的方式导入一个目录下所有的Vue组件时使用。

以下是一个简单的例子，展示如何在Vue 3中编程式地导入一个目录下的所有组件：

// 假设componentsDir为组件所在的目录
const componentsDir = './path/to/your/components';
 
// 使用glob模块来匹配目录下所有的.vue文件
const glob = require('glob');
 
// 获取所有组件的路径
glob.sync(`${componentsDir}/**/*.vue`).forEach((filePath) => {
  // 获取组件的名称
  const componentName = filePath.split('/').pop().replace(/\.vue$/, '');
 
  // 使用Vue的defineAsyncComponent来定义异步组件
  const AsyncComponent = () => import(`${filePath}`);
 
  // 将组件名称和组件作为键值对注册到全局或局部
  app.component(componentName, AsyncComponent);
});