Vue.JS-微型前端方法

我们的团队正在开发一个大型项目，我们希望构建一个具有多种形式，仪表板和功能的大型应用程序。一个整体式SPA将变得复杂。因此，我们讨论“微型前端架构师”的方法。目标是生成一个包含多个子SPA的父SPA。所有SPA应该具有相同的框架（vueJS）。

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

• Web应用程序是由独立团队拥有的功能的组合
• 团队具有独特的业务领域
• the team is cross functional and developed its feature end-to-end from database to user-interface
• its like Self contained systems

We have found some implementations of this approach

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

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

What we want to use in our frontend:

• vue

• vue-router

• vue-resource

• vue-loader

• webpack

Our Questions:

1) Is it possible to create a composite UI (micro front end) based on vue by using standard vue tools?

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

2) We have more than one page, so we need a solution to navigate from one side to another. How can we realize page transitions?

3) Is it possible to established a Event-Bus between the VueJS components?

4) How can we implement a bidirectional communication between the components?

- Parent-Child Communication
- Child-Parent Communication