`
gaojingsong
  • 浏览: 1196760 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

【MVVM介绍】

 
阅读更多
MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。
【视图】指的是所看到的页面。【视图模型】mvvm模式的核心,它是连接view和model的桥梁。
它有两个方向:
一是将【模型】转化成【视图】,即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。
二是将【视图】转化成【模型】,即将所看到的页面转化成后端的数据。实现的方式是:DOM 事件监听。
这两个方向都实现的,我们称之为数据的双向绑定。总结:在MVVM的框架下视图和模型是不能直接通信的。
它们通过ViewModel来通信,ViewModel通常要实现一个observer观察者,当数据发生变化,
ViewModel能够监听到数据的这种变化,然后通知到对应的视图做自动更新,而当用户操作视图,
ViewModel也能监听到视图的变化,然后通知数据做改动,这实际上就实现了数据的双向绑定。
并且MVVM中的View 和 ViewModel可以互相通信。


MVVM优点
MVVM模式和MVC模式一样,主要目的是分离视图(View)和模型(Model),有几大优点
1. 低耦合。视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,
当View变化的时候Model可以不变,当Model变化的时候View也可以不变。
2. 可重用性。你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。
3. 独立开发。开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计,
使用Expression Blend可以很容易设计界面并生成xaml代码。
4. 可测试。界面素来是比较难于测试的,而现在测试可以针对ViewModel来写。


Vue就是基于MVVM模式实现的一套框架,在vue中:Model:指的是js中的数据,如对象,数组等等。
View:指的是页面视图viewModel:指的是vue实例化对象为什么说VUE是一个渐进式的javascript框架, 

0
0
分享到:
评论

相关推荐

    Android MVVM介绍与理解

    **Android MVVM 模式详解** MVVM(Model-View-ViewModel)模式是软件开发中的一个架构设计模式,尤其在Android应用开发中被广泛应用。它源自于微软的WPF(Windows Presentation Foundation)平台,后来逐渐在移动...

    SimpleMVVM:简单的Microsoft MVVM工具包示例

    简单的Microsoft MVVM工具包示例 使用Microsoft的MVVM Toolkit的POC最小但可行的MVVM应用程序。 描述: 该项目包含的功能可以弥补Microsoft MVVM Toolkit的某些局限性。 该演示应用程序既简单又易于消化,但又足以...

    MVVM in Delphi Book

    1. **MVVM模式介绍**:MVVM模式由三个主要部分组成:Model(模型)、View(视图)和ViewModel(视图模型)。模型负责处理业务逻辑和数据,视图是用户界面,而视图模型作为模型和视图之间的桥梁,负责数据绑定和命令...

    MVVMLight.zip

    MVVM模式介绍** MVVM模式是一种软件设计模式,它将用户界面(View)与业务逻辑(ViewModel)分离,通过数据绑定(Data Binding)连接两者,而Model则负责处理应用程序的数据和业务规则。MVVM模式提高了代码的可测试...

    4个MVVM实例

    此实例可能介绍消息总线(如EventAggregator)或者依赖注入(DI)容器,如Unity或AutoFac,来实现ViewModel间的解耦通信。依赖注入可以提高代码的可测试性和可扩展性,使得更换或添加服务变得容易。 在学习这些MVVM...

    WPF MVVMLight框架使用源码,可运行看效果

    1. **MVVM模式介绍** MVVM模式是一种软件设计模式,它将业务逻辑(ViewModel)与用户界面(View)分离,通过数据绑定(Data Binding)将两者紧密联系起来。Model层负责处理数据和业务逻辑,ViewModel作为Model和...

    介绍如何进行MVVM开发及价值所在

    介绍如何进行MVVM开发及价值所在,它能在WPF过程给我们带来哪些好处

    MVVMLight框架下的wpf登陆程序demo

    **MVVM模式介绍** MVVM是一种软件设计模式,将业务逻辑(Model)、用户界面(View)和数据绑定(ViewModel)分离开来,使得UI的更新和数据模型的更新能够自动同步,降低了UI与业务逻辑的耦合度,提高了代码的可测试...

    MVVMLight框架使用实例

    MVVM模式介绍 MVVM模式是软件设计中的一个重要概念,它分离了用户界面(View)与业务逻辑(Model),中间通过ViewModel进行通信。在MVVM中,View负责显示数据,Model处理业务逻辑,而ViewModel作为桥梁,使得View...

    安卓mvvm纯干货

    一、MVVM模式介绍 MVVM模式源于桌面应用开发,由微软在WPF框架中提出,随后被广泛应用于移动端。在Android中,MVVM将应用程序分为三个主要部分:Model(模型),View(视图)和ViewModel(视图模型)。这种分离使得...

    mvvmlight demo.zip

    **MVVM模式介绍** MVVM是一种软件设计模式,将业务逻辑(Model)、用户界面(View)和数据绑定(ViewModel)分离,使得代码更加模块化,易于测试和维护。在MVVM模式中: - **Model**:模型层,负责处理业务逻辑和...

    WPF MVVM模板插件

    - **Read Me First.docx**:这是通常用来介绍插件或项目的基本信息、安装步骤和使用指南的文档。开发者应该首先阅读这个文档以了解如何有效地利用提供的资源。 通过WPF MVVM模板插件,开发者可以更高效地开发WPF...

    MVVM简易框架搭建

    MVVM模式介绍** MVVM由三个主要部分组成:Model(模型)、View(视图)和ViewModel(视图模型)。Model负责处理数据和业务逻辑,View是用户界面,而ViewModel作为桥梁,连接Model和View,实现了数据双向绑定。 **2...

    使用 MVVMLight 绑定数据

    参考文章:http://www.wxzzz.com/973.html 这篇文章主要是介绍如何使用MVVMLight来绑定数据到界面中(View),以此来了解MVVMLight的一些基础的类的用法。 文章底部会提供本示例的源码下载。 MVVMLight绑定数据示例

    WPF之MVVM框架实例

    **WPF介绍** Windows Presentation Foundation(WPF)是微软推出的一种用于构建Windows桌面应用程序的框架。它提供了一整套丰富的图形渲染、数据绑定、布局管理、媒体支持和资源管理等功能,极大地提高了开发者构建...

    谈谈MVC和MVVM1

    在本文中,我们将详细介绍 MVC 和 MVVM 模式的概念、原理、特点和应用场景。 MVC 模式 MVC 模式是最早出现的软件设计模式之一,由 Trygve Reenskaug 于 1979 年提出。MVC 模式的核心思想是将应用程序分为三个部分...

    MVVM模型开发实例

    **Qt5.13.0框架介绍:** Qt是一个跨平台的C++图形用户界面库,支持Windows、Linux、macOS等操作系统。Qt5.13.0版本引入了许多改进和新特性,如增强的QML(Qt Modeling Language),更好的性能优化以及对现代C++特性...

    WPF采用MVVM框架实例

    - MVVM模式介绍:[MVVM Pattern](https://docs.microsoft.com/zh-cn/xamarin/xamarin-forms/enterprise-application-patterns/mvvm) - 数据绑定和依赖属性:[Data Binding Overview]...

    Wpf Mvvm模式下窗口ShowDialog的实现

    以下将详细介绍在WPF MVVM模式下如何实现窗口的ShowDialog功能。 首先,了解MVVM模式的基本原则。MVVM的核心思想是解耦视图(View)和业务逻辑(Model),通过ViewModel作为桥梁进行通信。ViewModel负责处理数据和...

Global site tag (gtag.js) - Google Analytics