angular中mvvm模式
2017-11-07 19:35
120 查看
1、什么是MVVM模式:
MVVM模式是Model-View-ViewMode模式的简称。
由视图(View)、视图模型(ViewModel)、模型(Model)三部分组成,
通过这三部分实现UI逻辑、呈现逻辑和状态控制、数据与业务逻辑的分离。
2.各层的职责:
model应用于封装程序的业务逻辑相关的数据以及对数据的处理方法。它具有对数据的直接访问的权利
例如:对数据库的访问,model不依赖于viewmodel,也就是说,model不关心会被如何显示或是如何被操作
也不包括任何用户使用的与界面相关的逻辑。
View层依赖于ViewMode层,根据定义好的结构去显示数据,构建页面即可。
viewmodel是model层和view层的桥梁,也就是所谓的协议,有了协议,model层和view层
可以各干各的事情,
而不用担心不必要的变动。
3.MVVM的优点:
1、低耦合:
视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。
2.独立开发:
开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计。
3.可测试型:
界面素来是比较难于测试的,而现在测试可以针对ViewModel来写。
4.angular是如何实现MVVM的:
Controller是个控制器,是个组合装置,可通过Service(Model)获取数据,然后绑定到Controller的$scope对象的ViewModel上,然后通过数据的双向绑定,体现到View页面上
MVVM模式是Model-View-ViewMode模式的简称。
由视图(View)、视图模型(ViewModel)、模型(Model)三部分组成,
通过这三部分实现UI逻辑、呈现逻辑和状态控制、数据与业务逻辑的分离。
2.各层的职责:
model应用于封装程序的业务逻辑相关的数据以及对数据的处理方法。它具有对数据的直接访问的权利
例如:对数据库的访问,model不依赖于viewmodel,也就是说,model不关心会被如何显示或是如何被操作
也不包括任何用户使用的与界面相关的逻辑。
View层依赖于ViewMode层,根据定义好的结构去显示数据,构建页面即可。
viewmodel是model层和view层的桥梁,也就是所谓的协议,有了协议,model层和view层
可以各干各的事情,
而不用担心不必要的变动。
3.MVVM的优点:
1、低耦合:
视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。
2.独立开发:
开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计。
3.可测试型:
界面素来是比较难于测试的,而现在测试可以针对ViewModel来写。
4.angular是如何实现MVVM的:
Controller是个控制器,是个组合装置,可通过Service(Model)获取数据,然后绑定到Controller的$scope对象的ViewModel上,然后通过数据的双向绑定,体现到View页面上
相关文章推荐
- 《Angular 背后的原理》之 MVVM模式
- 【Angular】MVVM设计模式
- Angular中的MVVM模式
- angular中的MVVM模式 (赞,运作原理)
- angular中的MVVM模式
- Angular双向数据绑定MVVM以及基本模式分析
- angularjs mvvm模式
- 理解javascript中的MVVM开发模式
- RoboBinding:一个实现了数据绑定 Presentation Model(MVVM) 模式的Android开源框架
- WPF学习笔记:MVVM模式下,ViewModel如何关闭View?
- Think in AngularJS:对比jQuery和AngularJS的不同思维模式
- 【转】【WPF】MVVM模式的3种command
- WPF中的MVVM模式:View与ViewModule的交互个人总结
- Windows Phone 十一、MVVM模式
- MVVM模式源码分析手写实现
- 浅谈MVC、MVP、MVVM架构模式的区别和联系
- 【angular】组件:@Input() @Output() 输入属性和输出属性以及中间人模式的使用 (一)
- WPF学习笔记:MVVM模式下,ViewModel如何关闭View?
- 浅谈MVP与Model-View-ViewModel(MVVM)设计模式
- dynamic-css 动态 CSS 库,使得你可以借助 MVVM 模式动态生成和更新 css,从 js 事件和 css 选择器的苦海中脱离出来