码迷,mamicode.com
首页 > 其他好文 > 详细

MVVM框架

时间:2020-01-20 12:59:41      阅读:67      评论:0      收藏:0      [点我收藏+]

标签:server   语法   操作   流程   上启   mode   页面   model   必须   

定义:1. Mvvm定义MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心,它是连接view和model的桥梁。它有两个方向:一是将【模型】转化成【视图】,即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。二是将【视图】转化成【模型】,即将所看到的页面转化成后端的数据。实现的方式是:DOM 事件监听。这两个方向都实现的,我们称之为数据的双向绑定。总结:在MVVM的框架下视图和模型是不能直接通信的。它们通过ViewModel来通信,ViewModel通常要实现一个observer观察者,当数据发生变化,ViewModel能够监听到数据的这种变化,然后通知到对应的视图做自动更新,而当用户操作视图,ViewModel也能监听到视图的变化,然后通知数据做改动,这实际上就实现了数据的双向绑定。并且MVVM中的View 和 ViewModel可以互相通信。例如,在VUE的模板语法中,可以通过双向数据绑定来将HTML(MODEL)中的双向数据绑定VIEWMODEL在组件的DATA中,当捕捉到MODEL层中的数据发生变化时VIEW中也会发生变化,同样当VIEW中的数据发生变化时,MODEL中的数据也会发生变化。VUE中这种双向数据绑定的形式就是典型的MVVVM型的架构。MVVM流程图如下:

技术图片

 

 2.mvc定义:MVC是Model-View- Controller的简写。即模型-视图-控制器。也是开发过程中经常用到的思想,使用MVC的目的就是将M和V的代码分离。‘MVC是单向通信。也就是View跟Model,必须通过Controller来承上启下。

MVVM框架

标签:server   语法   操作   流程   上启   mode   页面   model   必须   

原文地址:https://www.cnblogs.com/jingyukeng/p/12217260.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!