如何为同一页面连接多个MVC元素/模块？

Question

我在同一页面上有多个UI元素。我将这些元素中的每一个都分为模型/视图/控制器。它们充当模块，大多数功能独立于页面的其余部分。控制器处理该特定UI元素的用户交互。模型包含数据和通知程序，以在任何数据更改时更新视图。某些用户操作可能需要从另一个模型收集数据，然后我需要触发另一个模型视图。如何在单个页面中将那些MVC元素与另一个MVC元素连接？

此刻，我想到了几种解决方案。

1. 创建一个大型模型，而不是创建小型模型，并将其作为依赖项传递给每个Controller。然后通知该特定视图。
2. 创建某种模型来建模两个元素之间的关系，以便一个模型上的状态更改会影响另一个模型（通过依赖关系，通知）。
3. 在两个元素之间创建Controller to Controller关系。也许像这里解释的那样：https://www.youtube.com/watch?v=w7a79cx3UaY&t=678

我想避免使用大型模型，而以某种方式保留独立的模块。我不确定在这件事上如何连接多个MVC。