核心目标是让常用ui组件在任意模板中直接使用，无需重复导入；需通过规范目录结构、统一导出、插件机制批量注册，并确保注册时机在app.mount()之前。
Vue 中全局注册公共组件，核心目标是让常用 UI 元素（如按钮、弹窗、输入框）在任意 `.vue` 文件的 `` 里直接使用，无需重复 `import` 和局部声明。关键不在于“能不能注册”，而在于“怎么注册得干净、可维护、不拖慢首屏”。
创建规范的公共组件文件
把复用率高的组件统一放在 src/components/common/ 目录下，每个组件保持独立、职责单一：
- 文件名用大驼峰（如
MyButton.vue、MyDialog.vue），模板中标签名自动对应为<mybutton></mybutton> - 组件内部尽量不依赖业务逻辑，props 控制行为，slots 控制内容，避免硬编码状态
- 样式加
scoped，防止污染全局；若需覆盖第三方样式（如 Element Plus），可用:deep()
统一导出所有公共组件
在 src/components/common/index.js 中集中导出，不注册、只暴露：
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章