MVVM设计模式
M: Model 数据模型,存放简单的数据逻辑
V: View:代表UI组件,负责将数据模型转化成UI展现出来
VM: ViewModel同步View和Model的对象,当模型中的数据改变后,不经过后台服务器就转化成功,视图页面中数据立即改变
从本质上讲Model ,View两者并没有之间的联系,两者是通过ViewModel进行联系的,ViewModel和model之间的交互是双向绑定的。
优点
1、低耦合:MVVM模式中,数据是独立于UI的,ViewModel只负责处理和提供数据,UI想怎么处理数据都由UI自己决定,ViewModel不涉及任何和UI相关的事,即使控件改变(input换成p),ViewModel几乎不需要更改任何代码,专注自己的数据处理就可以了
2.自动同步数据:ViewModel通过双向数据绑定把View层和Model层连接了起来,View和Model这两者可以自动同步。程序员不需要手动操作DOM, 不需要关注数据状态的同步问题,MVVM 统一管理了复杂的数据状态维护
3、可重用性:你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。
4、独立开发:开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计。
5、可测试:ViewModel里面是数据和业务逻辑,View中关注的是UI,这样的做测试是很方便的,完全没有彼此的依赖,不管是UI的单元测试还是业务逻辑的单元测试,都是低耦合的
MVC设计模式
M:Model----把数据放到模型中,展示给用户
V:View—用户看到的
C:Contral----控制器,访问底层的数据库。传送数据给模型