MVVM模式设计思路(简单到不行)

iOS中，我们使用的大部分都是MVC架构虽然MVC的层次明确，但是由于功能日益的增加，代码的维护，更多的代码被写在了Controller中，这样Controller就显得非常臃肿。为了给Controller瘦身，后来又从MVC衍生出了一种新的架构模式MVVM架构.

MVVM分别指什么

Model-数据层
ViewController/View-展示层
ViewModel- 数据模型

MVVM与MVC的不同

首先我们简化一下MVC的架构模式图:

1.png

在这里，Controller需要做太多得事情，表示逻辑、业务逻辑，所以代码量非常的大。
而MVVM：

2.png

比如我们有一个需求：一个页面，需要判断用户是否手动设置了用户名。如果设置了，正常显示用户名；如果没有设置，则显示“用户001”这种格式。（虽然这些本应是服务器端判断的）
我们看看MVC和MVVM两种架构都是怎么实现这个需求的

MVC：

Model类：

#import 
@interface User : NSObject
@property (nonatomic, copy) NSString *userName;
@property (nonatomic, assign) NSInteger userId;
@end

ViewController类：

#import "HomeViewController.h"
#import "User.h"
@interface HomeViewController ()
@property (nonatomic, strong) UILabel *lb_userName;
@property (nonatomic, strong) User *user;
@end

@implementation HomeViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    if (_user.userName.length > 0) {
        _lb_userName.text = _user.userName;
    } else {
        _lb_userName.text = [NSString stringWithFormat:@"用户%ld", _user.userId];
    }
}

这里我们需要将表示逻辑也放在ViewController中。

MVVM：

Model类：

#import 
@interface User : NSObject
@property (nonatomic, copy) NSString *userName;
@property (nonatomic, assign) NSInteger userId;
@end

ViewModel类：
声明：

#import 
#import "User.h"
@interface UserViewModel : NSObject
@property (nonatomic, strong) User *user;
@property (nonatomic, copy) NSString *userName;

- (instancetype)initWithUser:(User *)user;
@end

实现：

#import "UserViewModel.h"

@implementation UserViewModel

- (instancetype)initWithUser:(User *)user {
    self = [super init];
    if (!self) return nil;
        _user = user;
    if (user.userName.length > 0) {
        _userName = user.userName;
    } else {
        _userName = [NSString stringWithFormat:@"用户%ld", _user.userId];
    }
        return self;
}
@end

Controller类：

#import "HomeViewController.h"
#import "UserViewModel.h"

@interface HomeViewController ()

@property (nonatomic, strong) UILabel *lb_userName;
@property (nonatomic, strong) UserViewModel *userViewModel;

@end

@implementation HomeViewController
- (void)viewDidLoad {
    [super viewDidLoad];
        _lb_userName.text = _userViewModel.userName;
}

可见，Controller中我们不需要再做多余的判断，那些表示逻辑我们已经移植到了ViewModel中，ViewController明显轻量了很多。

总结：

MVVM同MVC一样，目的都是分离Model与View，但是它更好的将表示逻辑分离出来，减轻了Controller的负担；
ViewController中不要引入Model，引入了就难免会在Controller中对Model做处理。并且Controller里面只负责界面赋值，逻辑处理分发到ViewModel里去，深层次的解耦MVC；

本篇文章转载自http://www.cnblogs.com/includeao/p/6425091.html，说明了MVVM的设计思路和提供了一个小小的demo，希望对于有MVC经验的开发者而言，能针对MVVM进行快速入门。（PS：对于复杂的情况，通常使用RAC进行信息传递，结合RAC能够灵活的进行MVVM模式设计框架，网上有一堆资料，后续有时间也会整理一个入门demo）