iOS 关于MVVM With ReactiveCocoa设计模式的那些事

骑猪看日落 2023-10-17 14:10 27阅读 0赞

**一、概述**

*  笔者 强烈推荐 大家在阅读本文之前，还请先移步阅读 [ iOS 关于MVC和MVVM设计模式的那些事][iOS _MVC_MVVM] 和 [ iOS 关于MVVM Without ReactiveCocoa设计模式的那些事][iOS _MVVM Without ReactiveCocoa] 这两篇文章，前者 详细介绍了MVC的基本知识和使用MVC将会给我们带来哪些弊端，以及主要介绍MVVM的基本概念以及使用过程中哪些需要特别注意的基本原则。后者 主要是介绍MVVM各自的职责和他们之间的关系，以及在使用MVVM开发的时候，视图模型和子视图模型各自使用的场景。 本文将会基于前两篇文章来继续探索：如何利用[ReactiveCocoa ][ReactiveCocoa]更优雅的实现MVVM。\[注：后面统一用 RAC 代替 ReactiveCocoa\]
 *  通过上一篇文章的学习，我们通过使用MVVM Without ReactiveCocoa的方式成功将其运用到实际项目中的开发，同时也让我们明白： MVVM的关键是要有ViewModel！而不是 ReactiveCocoa 。通过block以及KVO的方式照样可以玩弄MVVM于股掌之间，但是这种方式的局限性想必有目共睹，其灵活性远远没有使用ReactiveCocoa来的优雅。本文将着重谈谈MVVM With ReactiveCocoa在iOS开发中的实际运用，以及自身通过实践探索出来的经验之谈。但是关于ReactiveCocoa的具体使用还请自行Google和百度，本文可能更多的诠释MVVM思想，而不是RAC的逻辑链式操作。
 *  本文只是笔者在实践MVVM过程中的些许见解，在此抛砖引玉，共同探讨下 MVVM 的实践思路，希望能够打消你对 MVVM 模式的顾虑 ，提供一点思路，少走一些弯路，填补一些细坑。文章仅供大家参考，若有不妥之处，还望不吝赐教，欢迎批评指正。
 *  MVVM基础知识以及其使用注意不了解的，请务必戳我???? [ iOS 关于MVC和MVVM设计模式的那些事][iOS _MVC_MVVM 1]
 *  使用MVVM设计模式但是不打算使用ReactiveCocoa的，请务必戳我???? [ iOS 关于MVVM Without ReactiveCocoa设计模式的那些事][iOS _MVVM Without ReactiveCocoa 1]

**二、MVVM Without RAC的瑕疵**

金无足赤，人无完人。虽然利用 MVVM + KVO这种方式，完全是可以很好的玩弄MVVM的，但是在使用过程中我们又不得吐槽它的瑕疵和局限性，这可能主要体现在以下几个方面：

笨（操）重（蛋）的KVO

1. 系统原生的KVO操蛋的地方：

*  既需要进行注册成为某个对象属性的观察者，还需要手动移除观察者，且移除观察者的时机必须合适 ； 同时你必须考虑父类的KVO事件触发不被中断，以及分别在父类以及本类中定义各自的context字符串以便在dealloc注销的时候，区分移除的是本类的kvo，还是父类中的kvo，避免二次remove造成crash；
 *  注册观察者的代码和事件发生处的代码上下文不同，传递上下文是通过void \*指针；
 *  需要覆写又臭又长的-observeValueForKeyPath:ofObject:change:context:方法，比较麻烦；
 *  在复杂的业务逻辑中，准确判断被观察者相对比较麻烦，有多个被观测的对象和属性时，需要在方法中写大量的 if 进行判断；父类的KVO事件也需要考虑 \[super observeValueForKeyPath:keyPath ofObject:object change:change context:context\]，否则父类的事件触发就会被子类覆盖而中断。

2. 笔者在这里推荐可以使用Facebook开源的 [ KVOController][KVOController]，它比较优雅地处理了 KVO 存在的一些问题，同时又能发挥KVO带来的便捷性。优雅的地方如下：

*  不需要手动移除观察者；
 *  实现KVO与事件发生处的代码上下文相同，不需要跨方法传参数；
 *  使用block来替代方法能够减少使用的复杂度，提升使用KVO的体验；
 *  每一个keyPath会对应一个属性，不需要在block中使用if - else判断keyPath；

*  **泛滥的状态数监听**

[上一篇][iOS _MVVM Without ReactiveCocoa 1] 笔者通过分析（-(void)login）这个API的设计????，如果使用KVO的方式，那么视图控制器就必须监听视图模型的executing、error、responseObject的属性变化，从而完成对视图的处理。一个-(void)login操作，就极其合理的在viewModel中衍生了三个状态，从而又衍生了viewController三个状态监听（KVO）。

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>///&nbsp;是否正在执行</code> 
     </div> 
     <div> 
      <code>@property&nbsp;(nonatomic,&nbsp;readonly,&nbsp;assign)&nbsp;BOOL&nbsp;executing;</code> 
     </div> 
     <div> 
      <code>///&nbsp;请求失败的信息</code> 
     </div> 
     <div> 
      <code>@property&nbsp;(nonatomic,&nbsp;readonly,&nbsp;strong)&nbsp;NSError&nbsp;*error;</code> 
     </div> 
     <div> 
      <code>///&nbsp;请求成功的数据</code> 
     </div> 
     <div> 
      <code>@property&nbsp;(nonatomic,&nbsp;readonly,&nbsp;strong)&nbsp;id&nbsp;responseObject;</code> 
     </div> 
     <div> 
      <code>///&nbsp;调起登录</code> 
     </div> 
     <div> 
      <code>-&nbsp;(void)&nbsp;login;</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

要清楚MVVM中的 viewModel 仍然只是一个对象，主要是负责视图的逻辑处理和数据转换，而不是去维护一堆状态(否则视图模型将成为状态数的重灾区)。但我们仍该努力将尽可能多的逻辑移到无状态的函数值中，这样我们将viewModel数据转成给用户在屏幕上看到的东西，避免了视图控制器的复杂性。

*  **多属性变化处理事件的灵活性**

实际开发中，利用KVO只监听某一个属性的变化来处理业务逻辑，还是非常灵活的。但需要联合多个属性的变化来处理一些业务的时候，处理起来就会比较麻烦了。

**三、ReactiveCocoa**

综上所述????，使用MVVM Without RAC开发难免会存在一点瑕疵，ReactiveCocoa(RAC) 就是来拯救我们的。MVVM 在使用当中，通常还会利用双向绑定技术，使得Model 变化时，ViewModel会自动更新，而ViewModel变化时，View 也会自动变化。MVVM开发中可以使用RAC来在view和viewModel之间充当 binder的角色，优雅地实现两者之间数据同步，同时可以在viewModel中暴露RACSignal对象来替代像字符串和图像这样的属性，这能在viewModel上消除更多的状态以及一定程度上精简了ViewController上的代码。

*  **ReactiveCocoa简介**

ReactiveCocoa（简称为RAC）,是由Github开源的一个应用于iOS和OS开发的新框架。RAC结合了函数式编程（Functional Programming）和响应式编程（React Programming）的框架，也可称其为函数响应式编程（FRP）框架 。

函数响应式编程利用下图????来解释最好不过了：c = a + b 定义好后，当a的值变化后，c的值就会自动变化。不过a的值变化时会产生一个信号，这个信号会通知c根据a变化的值来变化自己的值。b的值变化同样也影响c的值，这就是函数响应式编程。

![1874977-602228ad51e5f365.png][]

函数响应式编程.png

*  **ReactiveCocoa作用**

RAC最大的优点是 提供了一个单一的、统一的方法去处理异步的行为，包括 Delegate，Blocks Callbacks，Target-Action机制，Notifications和KVO。

它最大的与众不同是提供了一种新的写代码的思维，由于RAC将Cocoa中KVO、UIKit Event、Delegate、Selector等都增加了RAC支持，所以都不用去做很多跨函数的事，而且利用RAC处理事件很方便，可以把要处理的事情，和监听的事情的代码放在一起，这样非常方便我们管理，就不需要跳到对应的方法里。非常符合我们开发中高聚合，低耦合的思想。

*  **ReactiveCocoa核心**

ReactiveCocoa核心就是RACSignal。RACSignal (信号)对于 RAC 来说是构造单元。它代表我们最终将要收到的信息，表示将来有数据传递，只要有数据改变，信号内部接收到数据，就会马上发出数据，所以你可以开始预先(陈述性)运用逻辑并构建你的信息流，而不是必须等到事件发生(命令式)。

信号会为了控制通过应用的信息流而获得所有这些异步方法（委托， 回调 block，通知，KVO， target/action 事件观察等）并将它们统一到一个接口下。不仅是这些，因为信息会流过你的应用， 它还提供给你轻松转换/分解/合并/过滤信息的能力。

![1874977-b766690cd5a20842.png][]

RACSignal的作用.png

默认一个信号都是冷信号，也就是值改变了，也不会触发；

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>///&nbsp;冷信号</code> 
     </div> 
     <div> 
      <code>RACSignal&nbsp;*signal&nbsp;=&nbsp;[RACSignal&nbsp;createSignal:^&nbsp;RACDisposable&nbsp;*&nbsp;(id&nbsp;subscriber)&nbsp;{&nbsp;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>[subscriber&nbsp;sendNext:@</code> 
      <code>"foobar"</code> 
      <code>];&nbsp;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>[subscriber&nbsp;sendCompleted];&nbsp;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>return</code>&nbsp; 
      <code>nil;&nbsp;</code> 
     </div> 
     <div> 
      <code>}];</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

只有订阅了这个信号，这个信号才会变为热信号，值改变了才会触发。

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>[signal&nbsp;subscribeCompleted:^{&nbsp;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>NSLog(@</code> 
      <code>"subscription&nbsp;%u"</code> 
      <code>,&nbsp;subscriptions);&nbsp;</code> 
     </div> 
     <div> 
      <code>}];</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

**四、MVVM With RAC 代码实践**

本文的实践内容与 上一篇 的需求一致，目的就是提供一个使用RAC来实现MVVM和不使用RAC来实现MVVM的异同以及各自的优缺点，更好为大家在现实开发中是使用MVVM With RAC还是MVVM Without RAC提供一个不错的参考， 不了解的产品需求的读者，请事先阅读 上一篇 的UI设计和需求分析。这里就不在赘述了，还望见谅。这里笔者将会尽可能地回避具体的业务逻辑，重点关注MVVM With RAC 的实践思路。

*  **效果图**

![1874977-0cbc2e8ed1435228.gif][]

*  **代码实践**

首先本文笔者着重讲讲登录界面中viewModel和view的部分关键代码，探讨一下MVVM的具体实践过程。商品首页界面的代码实现的关键点还需要大家自行根据笔者提供Demo去体会，师傅领进门，修行靠个人。

登录界面UI如下????：

![1874977-5370ab5a97db8a35.png][]

登录界面效果图二@2x.png

登录界面的主要元素如下：

*  一个用于展示用户头像的图片 userAvatar
 *  用于输入账号和密码的输入框phoneTextField和verifyTextField；
 *  一个用于登录的按钮loginBtn；
 *  一个用于的快速填充电话和验证码的按钮 fillupBtn。

分析：根据我们前面对MVVM的探讨，viewModel事先需要提供view所需的数据和命令。因此，SULoginViewModel2.h/m 头文件的内容大致如下：

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> 
    <div>
      10 
    </div> 
    <div>
      11 
    </div> 
    <div>
      12 
    </div> 
    <div>
      13 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>///&nbsp;登录界面的视图模型</code> 
     </div> 
     <div> 
      <code>@interface&nbsp;SULoginViewModel2&nbsp;:&nbsp;SUViewModel2</code> 
     </div> 
     <div> 
      <code>///&nbsp;手机号</code> 
     </div> 
     <div> 
      <code>@property&nbsp;(nonatomic,&nbsp;readwrite,&nbsp;copy)&nbsp;NSString&nbsp;*mobilePhone;</code> 
     </div> 
     <div> 
      <code>///&nbsp;验证码</code> 
     </div> 
     <div> 
      <code>@property&nbsp;(nonatomic,&nbsp;readwrite,&nbsp;copy)&nbsp;NSString&nbsp;*verifyCode;</code> 
     </div> 
     <div> 
      <code>///&nbsp;用户头像</code> 
     </div> 
     <div> 
      <code>@property&nbsp;(nonatomic,&nbsp;readonly,&nbsp;copy)&nbsp;NSString&nbsp;*avatarUrlString;</code> 
     </div> 
     <div> 
      <code>///&nbsp;按钮能否点击</code> 
     </div> 
     <div> 
      <code>@property&nbsp;(nonatomic,&nbsp;readonly,&nbsp;strong)&nbsp;RACSignal&nbsp;*validLoginSignal;</code> 
     </div> 
     <div> 
      <code>///&nbsp;登录按钮点击执行的命令</code> 
     </div> 
     <div> 
      <code>@property&nbsp;(nonatomic,&nbsp;readonly,&nbsp;strong)&nbsp;RACCommand&nbsp;*loginCommand;</code> 
     </div> 
     <div> 
      <code>@end</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> 
    <div>
      10 
    </div> 
    <div>
      11 
    </div> 
    <div>
      12 
    </div> 
    <div>
      13 
    </div> 
    <div>
      14 
    </div> 
    <div>
      15 
    </div> 
    <div>
      16 
    </div> 
    <div>
      17 
    </div> 
    <div>
      18 
    </div> 
    <div>
      19 
    </div> 
    <div>
      20 
    </div> 
    <div>
      21 
    </div> 
    <div>
      22 
    </div> 
    <div>
      23 
    </div> 
    <div>
      24 
    </div> 
    <div>
      25 
    </div> 
    <div>
      26 
    </div> 
    <div>
      27 
    </div> 
    <div>
      28 
    </div> 
    <div>
      29 
    </div> 
    <div>
      30 
    </div> 
    <div>
      31 
    </div> 
    <div>
      32 
    </div> 
    <div>
      33 
    </div> 
    <div>
      34 
    </div> 
    <div>
      35 
    </div> 
    <div>
      36 
    </div> 
    <div>
      37 
    </div> 
    <div>
      38 
    </div> 
    <div>
      39 
    </div> 
    <div>
      40 
    </div> 
    <div>
      41 
    </div> 
    <div>
      42 
    </div> 
    <div>
      43 
    </div> 
    <div>
      44 
    </div> 
    <div>
      45 
    </div> 
    <div>
      46 
    </div> 
    <div>
      47 
    </div> 
    <div>
      48 
    </div> 
    <div>
      49 
    </div> 
    <div>
      50 
    </div> 
    <div>
      51 
    </div> 
    <div>
      52 
    </div> 
    <div>
      53 
    </div> 
    <div>
      54 
    </div> 
    <div>
      55 
    </div> 
    <div>
      56 
    </div> 
    <div>
      57 
    </div> 
    <div>
      58 
    </div> 
    <div>
      59 
    </div> 
    <div>
      60 
    </div> 
    <div>
      61 
    </div> 
    <div>
      62 
    </div> 
    <div>
      63 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>-&nbsp;(void)initialize</code> 
     </div> 
     <div> 
      <code>{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>[</code> 
      <code>super</code>&nbsp; 
      <code>initialize];</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>@weakify(self);</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>///&nbsp;数据绑定</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>RAC(self,&nbsp;avatarUrlString)&nbsp;=&nbsp;[[RACObserve(self,&nbsp;mobilePhone)</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>map:^NSString&nbsp;*(NSString&nbsp;*&nbsp;mobilePhone)&nbsp;{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>///&nbsp;模拟从数据库获取用户头像的数据</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>///&nbsp;假数据&nbsp;别在意</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>return</code>&nbsp; 
      <code>![NSString&nbsp;mh_isValidMobile:mobilePhone]?nil:[AppDelegate&nbsp;sharedDelegate].account.avatarUrl;</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>}]</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>distinctUntilChanged];</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>///&nbsp;按钮有效性</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>self.validLoginSignal&nbsp;=&nbsp;[[RACSignal</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>combineLatest:@[&nbsp;RACObserve(self,&nbsp;mobilePhone),&nbsp;RACObserve(self,&nbsp;verifyCode)&nbsp;]</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>reduce:^(NSString&nbsp;*mobilePhone,&nbsp;NSString&nbsp;*verifyCode)&nbsp;{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>return</code>&nbsp; 
      <code>@(mobilePhone.length&nbsp;&gt;&nbsp;0&nbsp;&amp;&amp;&nbsp;verifyCode.length&nbsp;&gt;&nbsp;0);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>}]</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>distinctUntilChanged];</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>///&nbsp;登录命令</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>self.loginCommand&nbsp;=&nbsp;[[RACCommand&nbsp;alloc]&nbsp;initWithSignalBlock:^RACSignal&nbsp;*(id&nbsp;input)&nbsp;{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>@strongify(self);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>//&nbsp;这里手机号以及验证码在控制器那里也可以在视图控制器筛选，但同时也可以在viewModel中处理</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>//&nbsp;最好的写法:button.rac_command&nbsp;=&nbsp;viewmodel.loginCommand...把位数判断移到这里</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>if</code>&nbsp; 
      <code>(![NSString&nbsp;mh_isValidMobile:self.mobilePhone])&nbsp;{ </code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>return</code>&nbsp; 
      <code>[RACSignal&nbsp;error:[NSError&nbsp;errorWithDomain:SUCommandErrorDomain&nbsp;code:SUCommandErrorCode&nbsp;userInfo:@{SUCommandErrorUserInfoKey:@</code> 
      <code>"请输入正确的手机号码"</code> 
      <code>}]];</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>}</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>if</code>&nbsp; 
      <code>(![NSString&nbsp;mh_isPureDigitCharacters:self.verifyCode]&nbsp;||&nbsp;self.verifyCode.length&nbsp;!=&nbsp;4&nbsp;)&nbsp;{ </code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>return</code>&nbsp; 
      <code>[RACSignal&nbsp;error:[NSError&nbsp;errorWithDomain:SUCommandErrorDomain&nbsp;code:SUCommandErrorCode&nbsp;userInfo:@{SUCommandErrorUserInfoKey:@</code> 
      <code>"验证码错误"</code> 
      <code>}]];</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>}</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>@weakify(self);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>return</code>&nbsp; 
      <code>[RACSignal&nbsp;createSignal:^RACDisposable&nbsp;*(id&nbsp;subscriber)&nbsp;{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>@strongify(self);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>@weakify(self);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>///&nbsp;发起请求&nbsp;模拟网络请求</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>dispatch_after(dispatch_time(DISPATCH_TIME_NOW,&nbsp;(int64_t)(1.0f&nbsp;*&nbsp;NSEC_PER_SEC)),&nbsp;dispatch_get_main_queue(),&nbsp;^{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>@strongify(self);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>///&nbsp;登录成功&nbsp;保存数据&nbsp;简单起见&nbsp;随便存了哈</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>[[NSUserDefaults&nbsp;standardUserDefaults]&nbsp;setValue:self.mobilePhone&nbsp;forKey:SULoginPhoneKey2];</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>[[NSUserDefaults&nbsp;standardUserDefaults]&nbsp;setValue:self.verifyCode&nbsp;forKey:SULoginVerifyCodeKey2];</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>[[NSUserDefaults&nbsp;standardUserDefaults]&nbsp;synchronize];</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>///&nbsp;保存用户数据&nbsp;这个逻辑就不要我来实现了吧&nbsp;假数据参照&nbsp;[AppDelegate&nbsp;sharedDelegate].account</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>///&nbsp;模拟成功或者失败</code> 
     </div> 
     <div> 
      <code>#if&nbsp;1</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>[subscriber&nbsp;sendNext:nil];</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>///&nbsp;必须sendCompleted&nbsp;否则command.executing一直为1&nbsp;导致HUD&nbsp;一直&nbsp;loading</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>[subscriber&nbsp;sendCompleted];</code> 
     </div> 
     <div> 
      <code>#else</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>///&nbsp;失败的回调&nbsp;我就不处理&nbsp;现实中开发绝逼不是这样的</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>[subscriber&nbsp;sendError:[NSError&nbsp;errorWithDomain:SUCommandErrorDomain&nbsp;code:SUCommandErrorCode&nbsp;userInfo:@{SUCommandErrorUserInfoKey:@</code> 
      <code>"呜呜，服务器不给力呀..."</code> 
      <code>}]];</code> 
     </div> 
     <div> 
      <code>#endif</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>});</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>return</code>&nbsp; 
      <code>nil;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>}];</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>}];</code> 
     </div> 
     <div> 
      <code>}</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

代码梳理如下：

*  .h中的validLoginSignal属性代表的是登录按钮是否可用，它将会与view中登录按钮的enabled属性进行绑定。
 *  当用户输入手机号码时，调用model层的方法查询本地数据库中缓存的用户数据，并返回avatarUrlString属性;
 *  当用户输入的手机号码或验证码发生变化时，判断手机号码和密码的长度是否均大于 0 ，如果是则登录按钮可用，否则不可用;
 *  当loginCommand命令执行成功时，处理自己的业务逻辑。

接下来看看，SULoginController2中的关键代码：

代码梳理如下：

*  观察viewModel中avatarUrlString属性的变化，然后设置 userAvatar的图片
 *  将viewModel中的mobilePhone和verifyCode属性分别与phoneTextField和verifyTextField输入框中的内容进行绑定；
 *  将loginButton的enabled属性与viewModel的validLoginSignal属性进行绑定；
 *  在loginBtn按钮被点击时执行loginCommand的命令；
 *  在填充（self.navigationItem.rightBarButtonItem）按钮点击时，赋值phoneTextField和verifyTextField的text属性的值。

综上所述，我们将 SULoginController2 中的展示逻辑抽取到 SULoginViewModel2 中后，使得 SULoginController2 中的代码更加简洁和清晰。实践MVVM的关键点在于，我们要能够分析清楚 viewModel 需要暴露给view的数据和命令，这些数据和命令能够代表view当前的状态。换句话来说：使用MVC开发我们是 敲太多 ，而使用 MVVM 我们是 想太多。

**五、 填补细坑**

使用RAC来实现View和ViewModel之间的数据绑定非常优雅的同时也会使得Bug很难被调试。你看到界面异常了，有可能是你 View 的代码有 Bug，也可能是 Model 的代码有问题。数据绑定使得一个位置的 Bug 被快速传递到别的位置，要定位原始出问题的地方就变得不那么容易了。笔者通过使用RAC来实战这个Demo也遇到了许多问题，特此分享出来，目的是少走一点弯路，填补一些细坑。

1. 利用RACCommand来处理网络请求的坑

切记在实践过程中，如果成功请求到网络数据，调用\[subscriber sendNext:nil\];的同时必须调用\[subscriber sendCompleted\]，这样才能保证命令已经执行完毕。否则 command.executing 一直传递的是1,从而导致HUD一直处在 loading 的状态。

2. 通过程序赋值phoneTextField.text = @"xxx"，不会触发phoneTextField.rac\_textSignal的事件的坑[请戳我][Link 1]

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> 
    <div>
      10 
    </div> 
    <div>
      11 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>/***</code> 
     </div> 
     <div> 
      <code>&nbsp;</code> 
      <code>///&nbsp;Fixed：rac_textSignal只有用户输入才有效，如果只是直接赋值&nbsp;eg:self.inputView.phoneTextField.text&nbsp;=&nbsp;@"xxxx"&nbsp;&nbsp;这样self.inputView.phoneTextField.rac_textSignal就不会触发的。</code> 
     </div> 
     <div> 
      <code>&nbsp;</code> 
      <code>///&nbsp;解决办法：利用&nbsp;RACObserve&nbsp;来观察self.inputView.phoneTextField.text的赋值办法即可</code> 
     </div> 
     <div> 
      <code>&nbsp;</code> 
      <code>///&nbsp;用户输入的情况&nbsp;触发rac_textSignal</code> 
     </div> 
     <div> 
      <code>&nbsp;</code> 
      <code>///&nbsp;用户非输入而是直接赋值的情况&nbsp;触发RACObserve</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>&nbsp;</code> 
      <code>RAC(self.viewModel&nbsp;,&nbsp;mobilePhone)&nbsp;=&nbsp;self.inputView.phoneTextField.rac_textSignal;</code> 
     </div> 
     <div> 
      <code>&nbsp;</code> 
      <code>RAC(self.viewModel&nbsp;,&nbsp;verifyCode)&nbsp;=&nbsp;self.inputView.verifyTextField.rac_textSignal;</code> 
     </div> 
     <div> 
      <code>**/</code> 
     </div> 
     <div> 
      <code>&nbsp;</code> 
      <code>RAC(self.viewModel&nbsp;,&nbsp;mobilePhone)&nbsp;=&nbsp;[RACSignal&nbsp;merge:@[RACObserve(self.inputView.phoneTextField,&nbsp;text),self.inputView.phoneTextField.rac_textSignal]];</code> 
     </div> 
     <div> 
      <code>&nbsp;</code> 
      <code>RAC(self.viewModel&nbsp;,&nbsp;verifyCode)&nbsp;=&nbsp;[RACSignal&nbsp;merge:@[RACObserve(self.inputView.verifyTextField,&nbsp;text),self.inputView.verifyTextField.rac_textSignal]];</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

3. 一个对象同时绑定多个RACDynamicSignal会Crash ，[请戳我][Link 2]

解决办法[请戳我][Link 3]

4. 可变数组（字典/...）不能被RACObserve [请戳我][Link 4]????

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>///&nbsp;The&nbsp;data&nbsp;source&nbsp;of&nbsp;table&nbsp;view.&nbsp;这里不能用NSMutableArray，因为NSMutableArray不支持KVO，不能被RACObserve</code> 
     </div> 
     <div> 
      <code>@property&nbsp;(nonatomic,&nbsp;readwrite,&nbsp;copy)&nbsp;NSArray&nbsp;*dataSource;</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

注意：RACObserve使用了KVO来监听property的变化，只要property被自己或外部改变，block就会被执行。但不是所有的property都可以被RACObserve，该property必须支持KVO，比如NSURLCache的currentDiskUsage就不能被RACObserve。因为RAC是基于KVO的，NSMutableArray并不会在调用addObject或removeObject时发送通知（ willChangeValueForKey:和didChangevlueForKey:），所以不可行。在使用RAC开发时，若要监听数组的变化，请将数组设计为不可变的数组（NSArray \*dataSource），但是NSMutableArray也是可以添加KVO的[ 详情请戳我][Link 5] 。

5. 关于Cell复用时清理数据绑定或者事件监听的问题

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>@implementation&nbsp;SUGoodsCell</code> 
     </div> 
     <div> 
      <code>-&nbsp;(void)&nbsp;awakeFromNib&nbsp;{ </code> 
     </div> 
     <div> 
      <code>&nbsp;</code> 
      <code>[</code> 
      <code>super</code>&nbsp; 
      <code>awakeFromNib];</code> 
     </div> 
     <div> 
      <code>&nbsp;</code> 
      <code>RAC(self.usernameLabel,&nbsp;&nbsp;text)&nbsp;=&nbsp;RACObserve(self,&nbsp;&nbsp;viewModel.&nbsp;username);</code> 
     </div> 
     <div> 
      <code>&nbsp;</code> 
      <code>RAC(self.userIdLabel,&nbsp;&nbsp;text)&nbsp;=&nbsp;RACObserve(self,&nbsp;&nbsp;viewModel.&nbsp;userId);</code> 
     </div> 
     <div> 
      <code>}</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

注意：viewModel出现在RACObserve宏中逗号右边。 这些 cell 终将被重用，新的viewModels将会被赋值，如果我们不将 viewModel放在逗号右边，那就会监听viewModel属性的变化然后每次都要重新设置绑定；如果放在逗号右边， RACObserve 将会为我们负责这些事儿， 因此我们只需要设定一次绑定并让Reactive Cocoa做剩余的部分。

当然，RAC给UITableViewCell提供了一个方法：rac\_prepareForReuseSignal，它的作用是当Cell即将要被重用时，告诉Cell。想象Cell上有多个button，Cell在初始化时给每个button都addTarget:action:forControlEvents，被重用时需要先移除这些target，下面这段代码就可以很方便地解决这个问题：

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>[[[self.cancelButton</code> 
     </div> 
     <div> 
      <code>&nbsp;</code> 
      <code>rac_signalForControlEvents:UIControlEventTouchUpInside]</code> 
     </div> 
     <div> 
      <code>&nbsp;</code> 
      <code>takeUntil:self.rac_prepareForReuseSignal]</code> 
     </div> 
     <div> 
      <code>&nbsp;</code> 
      <code>subscribeNext:^(UIButton&nbsp;*x)&nbsp;{ </code> 
     </div> 
     <div> 
      <code>&nbsp;</code> 
      <code>//&nbsp;do&nbsp;other&nbsp;things</code> 
     </div> 
     <div> 
      <code>}];</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

**六、代码阅读**

由于这个功能笔者分别采用 MVC和MVVM Without ReactiveCococa以及MVVM Without ReactiveCococa来开发实践，毕竟萝卜白菜，各有所爱，目的就是便于大家更深层次的了解MVC和MVVM的异同，以及提供一个利用MVVM真实开发的样例，希望能够打消大家对MVVM模式的顾虑。为了方便我们从宏观上了解功能的的整体结构，我们可以分别看看MVC和MVVM Without ReactiveCococa 以及MVVM WithReactiveCococa 的类图。大家可以跟着类图，顺藤摸瓜，秉承该看的看，不该看的偷偷看的原则，赶快行动起来吧。

*  **MVC 的类图**

![1874977-e1130cab5bbdd5b3.png][]

MVC类图.png

*  **MVVM Without ReactiveCococa 的类图**

![1874977-b373ab7811380f02.png][]

MVVMWithoutRAC类图.png

*  **MVVM With ReactiveCococa 的类图**

![1874977-9d474de6c75dc636.png][]

MVVMWithRAC类图.png

*  源码地址（PS： 还请**star**一下，不会怀孕的）[MHDevelopExample\_Objective\_C 目录中的 MVC&MVVM文件夹中][MHDevelopExample_Objective_C _ MVC_MVVM]

**七、期待**

文章若对您有点帮助，请给个喜欢??，毕竟码字不易；若对您没啥帮助，请给点建议????，切记学无止境。

针对文章所述内容，阅读期间任何疑问；请在文章底部批评指正，我会火速解决和修正问题。

GitHub地址：[https://github.com/CoderMikeHe][https_github.com_CoderMikeHe]

**八、参考链接**

*  [http://www.sprynthesis.com/2014/12/06/reactivecocoa-mvvm-introduction/][http_www.sprynthesis.com_2014_12_06_reactivecocoa-mvvm-introduction]（译文）
 *  [http://blog.leichunfeng.com/blog/2016/02/27/mvvm-with-reactivecocoa/][http_blog.leichunfeng.com_blog_2016_02_27_mvvm-with-reactivecocoa]
 *  [https://github.com/leichunfeng/MVVMReactiveCocoa][https_github.com_leichunfeng_MVVMReactiveCocoa]
 *  [http://draveness.me/kvocontroller.html][http_draveness.me_kvocontroller.html]
 *  [http://www.cnblogs.com/wengzilin/p/4346775.html][http_www.cnblogs.com_wengzilin_p_4346775.html]
 *  [http://www.cocoachina.com/ios/20151020/13795.html][http_www.cocoachina.com_ios_20151020_13795.html]

[iOS _MVC_MVVM]: http://www.cocoachina.com/ios/20170612/19500.html
[iOS _MVVM Without ReactiveCocoa]: http://www.cocoachina.com/ios/20170628/19664.html
[ReactiveCocoa]: https://github.com/ReactiveCocoa/ReactiveCocoa
[iOS _MVC_MVVM 1]: http://www.jianshu.com/p/caaa173071f3
[iOS _MVVM Without ReactiveCocoa 1]: http://www.jianshu.com/p/db8400e1d40e
[KVOController]: https://github.com/facebook/KVOController
[1874977-602228ad51e5f365.png]: http://cc.cocimg.com/api/uploads/20170703/1499063696614714.png
[1874977-b766690cd5a20842.png]: http://cc.cocimg.com/api/uploads/20170703/1499063785327394.png
[1874977-0cbc2e8ed1435228.gif]: http://cc.cocimg.com/api/uploads/20170703/1499063835520889.gif
[1874977-5370ab5a97db8a35.png]: http://cc.cocimg.com/api/uploads/20170703/1499063862799784.png
[Link 1]: https://stackoverflow.com/questions/20187110/reactive-cocoa-uitextviews-rac-textsignal-doesnt-get-called-when-programmati
[Link 2]: https://stackoverflow.com/questions/32110147/rac-signal-is-already-bound-to-key-path
[Link 3]: http://www.itstrike.cn/Question/bb5ef8a2-889e-4b3a-bfc8-282858435db5.html
[Link 4]: https://stackoverflow.com/questions/25162893/racobserve-for-value-update-in-nsmutablearray
[Link 5]: http://liumh.com/2015/08/22/ios-nsmutablearray-kvo/
[1874977-e1130cab5bbdd5b3.png]: http://cc.cocimg.com/api/uploads/20170703/1499064248889706.png
[1874977-b373ab7811380f02.png]: http://cc.cocimg.com/api/uploads/20170703/1499064266391115.png
[1874977-9d474de6c75dc636.png]: http://cc.cocimg.com/api/uploads/20170703/1499064285758934.png
[MHDevelopExample_Objective_C _ MVC_MVVM]: https://github.com/CoderMikeHe/MHDevelopExample_Objective_C
[https_github.com_CoderMikeHe]: https://github.com/CoderMikeHe
[http_www.sprynthesis.com_2014_12_06_reactivecocoa-mvvm-introduction]: http://www.sprynthesis.com/2014/12/06/reactivecocoa-mvvm-introduction/
[http_blog.leichunfeng.com_blog_2016_02_27_mvvm-with-reactivecocoa]: http://blog.leichunfeng.com/blog/2016/02/27/mvvm-with-reactivecocoa/
[https_github.com_leichunfeng_MVVMReactiveCocoa]: https://github.com/leichunfeng/MVVMReactiveCocoa
[http_draveness.me_kvocontroller.html]: http://draveness.me/kvocontroller.html
[http_www.cnblogs.com_wengzilin_p_4346775.html]: http://www.cnblogs.com/wengzilin/p/4346775.html
[http_www.cocoachina.com_ios_20151020_13795.html]: http://www.cocoachina.com/ios/20151020/13795.html