当前位置:   article > 正文

angular中mvvm模式_angular mvvm

angular mvvm

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页面上

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/874466
推荐阅读
相关标签
  

闽ICP备14008679号