【Angular】MVVM设计模式
2018-03-28 13:56
405 查看
MVVM(Model-View-ViewModel)
MVVM框架是MVP模式与WPF结合的一种新型架构框架。
MVC & MVP
相似点:
Controller/Presenter负责逻辑的处理,Model提供数 据,View负责显示。
二者区别:
MVC:View直接从Model中读取数据。
MVP:View不直接使用Model,通过 Presenter (MVC中的Controller)来进行交互,
MVP & MVVM
MVVM 模式将 Presenter 改名为 ViewModel,基本上与 MVP 模式完全一致。
唯一的区别是,它采用双向绑定(data-binding):View的变动,自动反映在 ViewModel,反之亦然。
MVVM的优点1. 低耦合。视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。2. 可重用性。你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。3. 独立开发。开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计。4. 可测试。界面素来是比较难于测试的,而现在测试可以针对ViewModel来写。
作者: 涩郎_非著名程序员
链接:http://www.imooc.com/article/11497
来源:慕课网
MVVM框架是MVP模式与WPF结合的一种新型架构框架。
MVC & MVP
相似点:
Controller/Presenter负责逻辑的处理,Model提供数 据,View负责显示。
二者区别:
MVC:View直接从Model中读取数据。
MVP:View不直接使用Model,通过 Presenter (MVC中的Controller)来进行交互,
MVP & MVVM
MVVM 模式将 Presenter 改名为 ViewModel,基本上与 MVP 模式完全一致。
唯一的区别是,它采用双向绑定(data-binding):View的变动,自动反映在 ViewModel,反之亦然。
MVVM的优点1. 低耦合。视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。2. 可重用性。你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。3. 独立开发。开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计。4. 可测试。界面素来是比较难于测试的,而现在测试可以针对ViewModel来写。
作者: 涩郎_非著名程序员
链接:http://www.imooc.com/article/11497
来源:慕课网
相关文章推荐
- js架构设计模式——理解javascript中的MVVM开发模式
- MVVM设计模式教程 - tutorial with ReactiveCocoa
- 剖析iOS设计模式MVVM
- Android DataBinding(MVVM设计模式)
- 对Android中设计模式MVC,MVP,MVVM的简单理解
- WPF学习系列 MVVM设计模式 一
- WP8 MVVM设计模式
- 设计模式 --> MVC,MVP 和 MVVM 的图示
- iOSMVVM(Model-View(View/ViewController) -ViewModel ) 设计模式
- android UI设计MVVM设计模式
- 浅谈MVP与Model-View-ViewModel(MVVM)设计模式
- iOS 基于MVVM设计模式的微信朋友圈开发
- js架构设计模式——从angularJS看MVVM
- MVVM设计模式
- MVVM设计模式的大体布局框架
- iOS MVC设计模式与MVVM设计模式简介 —— HERO博客
- 们只是「电脑玩物」 首页 实用技巧 免费资源 超好玩的游戏 软件推荐 IT技术 资讯 编程 其它 MVVM设计模式和WPF中的实现(四) 事件绑定 07net01.com 发布于 2015-10-08
- ios 设计模式 MVC ,MVVM
- MVVM设计模式之旅 – 通用的命令附加行为
- MVVM设计模式之精髓简化