这篇文章是我自己想出来的办法 不一定是最优的办法（其中可能有一些错误的观点） 不喜勿喷
在这篇文章是以 vant ui 框架为例的 其他的也是同理
vue2.0按需求导入按照ui框架的官方文档是一点毛病都没有的
并且在vue3.0里边也有一部分是没毛病的
image.png
按照这个导入是一点毛病没有的
但是我这个人有个毛病就是不喜欢在main.js里边写太多的东西 希望把vant ui 按需引入的部分提取出来
当我提取的时候发现毛病了
image.png
正常情况下是这么写的但是呢 毛病就出在这里了
当我们在vant的文件里再去引入 createApp 的时候 在写 const app = createApp(App)
这个的时候 相当于又创建了一个 对象和 main.js里边的 app 没关系 所以 你挂在上去 没什么用 因为本质上是两个东西
我解决的办法
把创建app这个文件 提取了出来放到了一个js文件里边 然后暴露出来 app 在main.js 和 vant 文件里边分别引入这个js文件
这样就达成他们公用一个对象的原理了
提取的部分
image.png
main.js
image.png
vant 的文件
image.png
