关于UniApp 不能全局引组件的解决办法 实现全局 Toast Dialog自定义组件

关于UniApp 不能全局引组件的解决办法 实现全局 Toast Dialog自定义组件

#vue3 #uniapp #vite #插件推荐 #组件共享

最近开发一个新的项目，突然遇到个老问题：在 UniApp 中没办法像 Vue 一样直接在 App.vue 全局引入公共组件，比如 Toast、Dialog、主题配置啥的——每个页面都引一遍？太不优雅了。

而我又是 CLI 党，HBuilderX 也得兼容，折腾一圈，最后靠这个开源项目 👉 @uni-ku/root 搞定了。它直接模拟出一个虚拟的根组件，就像是给 UniApp 加上了一个“假的 App.vue”，但是完全能跑组合式 API 和组件嵌套！

项目介绍

简单说，它是一个 Vite 插件，能让你在 UniApp 项目里，像在普通 Vue 项目一样用一个“根组件”，比如你能挂载 Toast、ConfigProvider、Dialog、甚至写个组合式 API 然后全局共享。

不止支持 CLI，还兼容 HBuilderX，只要你用了 Vite（基本现在都默认了）。

🚀 安装就两步，配置简单