“数据变化->UI 变化”间的逻辑解耦已经完成，显而易见，在 web 前端层面，被观察者通常是数据模型，观察者通常是 web ui 组件。

在交互丰富的页面中（比如各种推广活动页），通常会有多个被观察者（每个 ajax 请求都对应一个被观察者），对应多个观察者（页面 ui 组件）。

随着数据模型复杂度的提高，这种多对多的关系整理起来会越来越复杂（被观察者会被多个观察者观察，观察者自然也有可能观察多个被观察者），所以，我们需要对此进行解决。

用户与页面的交互会导致数据状态发生变化，数据状态变化，又需要通过 UI 表现出来。随着页面复杂度的提高，数据变化后要通知的 UI 组件也会变得越来越多。如果不对这一步进行解耦，这部分的代码会变得越来越冗余和复杂，对代码的可读性和可测试性都带来不良的影响。

所以，我们需要对【数据变化】 -> 【UI 变化】这部分的逻辑进行解耦