vue 3 插件通过 install 方法批量调用 app.component() 实现组件注册，插件是注册逻辑的可复用容器，不提供组件本身；支持手动聚合或自动扫描注册，并可同时注册指令、注入全局属性等。
Vue 3 中把组件注册和插件机制结合起来，核心就是用插件的 install 方法批量调用 app.component()。这不是额外加一层抽象，而是把“注册行为”封装成可复用、可复用、可按需启用的标准模块。
插件是注册逻辑的容器
插件本身不提供组件，它只负责把已有组件挂载到 app 实例上。只要插件对象有 install(app) 方法，Vue 就能识别并执行它。这个方法里可以写任意注册逻辑：单个、多个、条件注册、甚至异步加载后注册。
- 插件必须导出一个对象，且该对象含有 install 函数
- install 接收 app 实例作为第一个参数，可选第二个参数接收配置项
- 在 install 内部直接调用 app.component(name, component) 即完成注册
手动聚合 + 插件注册（适合中小项目）
先统一导出组件，再在插件中遍历注册。这种方式结构清晰、调试方便，适合组件数量稳定、命名规范的项目。
- 在 src/components/common/index.js 中命名导出所有待全局注册的组件
- 新建 src/components/common/installer.js，用 import * as 统一导入，再循环注册
- main.js 中只需一行 app.use(CommonInstaller)，无需关心具体有哪些组件
自动扫描 + 插件注册（适合快速迭代）
借助 import.meta.glob 动态匹配文件路径，实现“新增组件即自动注册”，彻底摆脱手动维护列表。
- 约定组件文件名规则，例如以 Global 或 Base 开头
- 在插件 install 方法中调用 import.meta.glob('../components/Global*.vue')
- 对每个匹配路径提取组件名（如 GlobalButton.vue → GlobalButton），再动态 import 并注册
- 注意：需用 component().then(module => ...) 处理异步加载，避免注册未就绪的模块
插件还能做更多事
注册组件只是插件能力的一小部分。同一个插件里可以同时注册指令、添加全局属性、注入配置，让公共能力集中管理。
- 比如在注册按钮、输入框组件的同时，也注册一个 v-permission 指令
- 或把项目主题色、API 基地址等配置通过 app.config.globalProperties 注入
- 这样所有全局能力都来自同一个插件入口，升级、替换、禁用都只需改一行 app.use()
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
