如何使用JavaScript在单个页面中管理多个视图？

Question

我正在开发一个单页应用程序，并尝试使用香草JavaScript来掌握MVC，MV *结构。目前，我的页面包含很多功能和事件。页面的某些部分需要分别动态呈现。这些部分必须相互交互并使用单个模型。为该页面创建单个View类似乎会使它变得很繁重。

我的问题是我如何最好地处理这种结构，以使代码清晰，清晰并且易于测试？我应该为页面中的每个零件创建一个视图吗？我应该让这些页面部分相互交互还是应该通过一个控制器，演示者进行交互？还是应该将它们作为某种局部视图通过单个View？

请尽可能提供一些JavaScript代码示例。谢谢你。