怎么在vue里自动注册自定义组件

使用unplugin-vue-components这个包来自动导入src/components文件夹下的组件

1.安装,终端输入命令 npm i unplugin-vue-components -D
2.在vite.config.js中做如下配置

import Components from 'unplugin-vue-components/vite'
import { VantResolver } from 'unplugin-vue-components/resolvers'
export default defineConfig({
    plugins: [
    vue(),
    Components({
      resolvers: [VantResolver()]  //这里导入的是vant组件库的自动引入配置,也可以导入其他组件库
      // 自定义组件自动导入
      // 导入位置配置
      dirs: ['src/components'], 
      extensions: ['vue'], 
      // 配置文件生成位置 
      dts: 'src/components.d.ts'
    })
  ]
})