mvvm模式

简介: mvvm模式

MVVM,是Mode1-View-ViewModel的简写,是M/-V-VM三部分组成。它本质上就是MVC的改进版。MVVM就是将其中的View的状态和行为抽象化,其中ViewModel将视图U和业务逻辑分开,,它可以取出Model的数据间时帮忙处理View中由于需要展示内容而涉及的业务逻辑。

1.MVVM即Mode1-View-'ViewModel的简写。即模型-视图-视图模型。2..模型(Model)指的是后端传递的数据。

3.视图(View)指的是所看到的页面。

4.视图模型(ViewMode1)是 mwvm模式的核心,它是连接view和model的桥梁。它有两个方向:

一是将模型(Model)转化成视图(View),即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。

二是将视图(View)转化成模型(Mode1),即将所看到的页面转化成后端的数据。实现的方式是:DOM事件监听。这两个方向都实现的;我们称之为数据的双向绑定口。"


目的:项目复杂度越来越高之后,MVC中的Controler会变得越来越臃肿,难以维护,所以将其中的数据和逻辑处理抽离出的MVVM更佳


目录
相关文章
|
6月前
|
前端开发 数据安全/隐私保护
什么是mvvm,mvp、mvc和mvvm模式有什么区别?
什么是mvvm,mvp、mvc和mvvm模式有什么区别?
125 0
|
6月前
|
前端开发
什么是MVVM架构?
MVVM是Model-View-ViewModel的简写。它本质上就是MVC的改进版。MVVM模式有助于将应用程序的业务和表示逻辑与用户界面 (UI) 清晰分离。 保持应用程序逻辑和UI之间的清晰分离有助于解决许多开发问题,并使应用程序更易于测试、维护和演变。 它还可以显著提高代码重用机会,并允许开发人员和UI设计人员在开发应用各自的部分时更轻松地进行协作。
94 2
|
5月前
|
设计模式 前端开发 JavaScript
简述mvvm模式
简述mvvm模式
|
6月前
|
前端开发 中间件 数据处理
MVVM模式的具体实现
MVVM模式的具体实现
60 0
|
6月前
|
前端开发 JavaScript
mvvm实例
mvvm实例
43 0
|
6月前
|
JSON 前端开发 JavaScript
聊一聊MVC模式跟MVVM模式
聊一聊MVC模式跟MVVM模式
|
6月前
|
存储 前端开发 JavaScript
什么是MVVM?MVC、MVP与MVVM模式的区别?
什么是MVVM?MVC、MVP与MVVM模式的区别?
|
6月前
|
存储 开发框架 前端开发
MVVM 模式与 MVC 模式:构建高效应用的选择
MVVM 模式与 MVC 模式:构建高效应用的选择
MVVM 模式与 MVC 模式:构建高效应用的选择
|
6月前
|
设计模式 前端开发 测试技术
什么是mvvm模式,优点是什么
什么是mvvm模式,优点是什么
148 0
|
前端开发 JavaScript
MVVM模式
MVVM是一种软件架构模式,它是MVC(Model-View-Controller)的一种变体,常用于构建现代化的Web应用程序。在MVVM中,View、Model和ViewModel之间存在一定的关系