• 技术文章 >web前端 >js教程

    MVVM的理解

    angryTomangryTom2020-02-06 10:01:52原创2312


    MVVM的理解

    概述

    MVVM是MVC的变种和进阶,在概念上是真正将页面与数据逻辑分离的模式,它把数据绑定工作放到一个JS里去实现,而这个JS文件的主要功能是完成数据的绑定,即把model绑定到UI的元素上。

    MVVM模式可以分为:

    M----> model 模型层(一般用于数据存储,存储一些业务逻辑),也就是我们说的数据模型。

    V-----> view 视图层(界面),用来展示数据。

    VM—> ViewModel(视图模型),也就是$scope。

    在实际应用中,更多的是进行页面交互,而最后一次性向服务器提交处理(弱化了MVC中控制器的功能),增强了视图与模型的使用,因此将此称之为MVVM.

    MVVM模式的优点

    ● 低耦合:View可以独立于Model变化和修改,同一个ViewModel可以被多个View复用;并且可以做到View和Model的变化互不影响;

    ● 可重用性:可以把一些视图的逻辑放在ViewModel,让多个View复用;

    ● 独立开发:开发人员可以专注与业务逻辑和数据的开发;

    ● 可测试性:清晰的View分层,使得针对表现层业务逻辑的测试更容易,更简单。

    本文来自 js教程 栏目,欢迎学习!

    以上就是MVVM的理解的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:mvvm 理解
    上一篇:js遇到代码出现问题时调试代码的方法 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 原生js实现MVVM框架的基本原理详解• MVC、MVP和MVVM之间的区别是什么?• MVVM和MVC有什么区别• mvvm模式和mvc的区别是什么?
    1/1

    PHP中文网