2022年更新

我下面提供的解决方案是有效的，但它很难管理和添加新项目是非常复杂的。
现在有很多monorepo工具可以更好地管理这些类型的项目：

1. nx
2. yarn workspaces
   这些只是几个选项，但还有更多选项

原件

这就是我最后做的

• 我创造了这个结构

vue-project
     - node_modules
     - src
       - app1
       - app2
       - shared

• 所有节点模块都在vue-project下，因此它们是共享的
• 不是强制性的，但是我为不同的项目定义了别名：

...
 "@app1": path.resolve(__dirname, "src/app1"),
 "@app2": path.resolve(__dirname, "src/app2"),
 "@shared": path.resolve(__dirname, "src/shared/components")
 ...

• 需要注意的是，在创建别名时，您应该添加“@”符号，否则您可能会得到意想不到的结果。对于我来说，在添加它之前，它是从app 2加载资源的，即使我使用了app 1的别名
• 我在package.json中创建了这些脚本：

"serve:app1": "vue-cli-service serve --port 3000 --open  src/app1/main.js",
 "serve:app2": "vue-cli-service serve --port 3001 --open  src/app2/main.js",
 "build:app1": "vue-cli-service build --dest dist/console src/app1/main.js",
 "build:app2": "vue-cli-service build --dest dist/tm src/app2/main.js"

基本上就是这样，我现在有两个独立的vue应用程序运行和共享组件，商店模块和页面。

这里有一个文件级/源代码控制解决方案，允许你同步两个项目中共享组件的副本。如果你使用Git，看看shared submodules。
这里有很大的可能性成为一场噩梦。你已经描述得很好了，我想你已经偷偷地意识到了。（跨项目可重用）不应该依赖于vuex存储，这是特定于应用程序的。我会考虑将存储调用放在特定于项目的 Package 器组件中，然后将它们作为 prop 传递给共享组件。根据我的观点，除了 prop 和事件之外，可重用组件不应该与它们的环境有任何交互。

如果您正在使用Vite（现在由www.example.com推荐vuejs.org），那么很容易安排这个，而不必学习上面讨论的新的monorepo工具。