小编Ren*_*ené的帖子

我们的团队正在开发一个大型项目,我们希望构建一个包含多种表单和仪表板和功能的大型应用程序.一个整体SPA会变得复杂.所以我们讨论"微前端架构师"的方法.目标是生成包含多个子SPA的父SPA.所有SPA应该具有相同的框架(vueJS).

这种方法背后的想法(https://micro-frontends.org/)

• Web应用程序是由独立团队拥有的功能组合
• 团队拥有独特的业务领域
• 该团队具有跨职能,并从数据库到用户界面开发了端到端的功能
• 它就像自包含系统

我们已经找到了这种方法的一些实现

1)https://micro-frontends.org/

2)CanopyTax with single-spa - > https://github.com/CanopyTax/single-spa

我们想要在我们的前端使用什么:

• VUE

• VUE路由器

• VUE资源

• VUE装载机

• 的WebPack

我们的问题:

1)是否可以使用标准vue工具基于vue创建复合UI(微前端)？

- we are not sure how doable is it with VueJS
- there may already be example projects?

2)我们有多个页面,因此我们需要一个从一侧导航到另一侧的解决方案.我们如何实现页面转换？

3)是否可以在VueJS组件之间建立事件总线？

4)我们如何实现组件之间的双向通信？

- Parent-Child Communication
- Child-Parent Communication