目前，我们有一个大型的Angular 1应用程序，其中包含许多路由和模块。我们希望能够使用诸如Vue.js之类的新框架来重做此应用程序的某些部分，而无需重写所有内容。看起来很简单，可以更改一个链接，该链接将加载路径，现在导航到加载Vue应用程序的新索引页面。
但是，在网站的新Vue部分，我们仍然希望与网站的Angular部分具有相同的标题。此标题具有导航功能，显示下拉列表，显示用户的数据和通知等。似乎我们有两个选项可供选择：
选项1不是很干，考虑到您想要进行更改时必须修改每个标头实现。但它似乎比选项2简单，当您考虑页面的主体可能必须与标题通信时（Vue.js代码需要告诉Angular标头添加通知，例如），除非标题更新是完成像websockets这样的东西。此外，还可以在同一页面上使用多个框架来解决性能问题。
总的来说，我们的目标是拥有一个可扩展的前端。我不想限制在某个项目的框架x中开发。我已经做了一些研究，寻找现实世界的例子，并且遇到了“微前端”的概念，但我没有就如何解决这样的问题找到太多的共识。