MVVM架构总结和自己的理解

Original 2019-01-02 11:28:22 360
abstract:MVVM:[1].随着前端页面开发越来越复杂,用户与数据的交互也越来越频繁,而很多交互都是临时性的,没有必要每一次都要和服务器中的模型对象进行交互,但是传统的jQuery等函数库又力不从心,这时MVVM模型就应运而生啦。[2].MVVM: 是Model-View-ViewModel的缩写; M:Model层, V:View层, VM: ViewModel层;[3].Model:JavaScript

MVVM:

[1].随着前端页面开发越来越复杂,用户与数据的交互也越来越频繁,而很多交互都是临时性的,没有必要每一次都要和服务器中的模型对象进行交互,但是传统的jQuery等函数库又力不从心,这时MVVM模型就应运而生啦。

[2].MVVM: 是Model-View-ViewModel的缩写; M:Model层, V:View层, VM: ViewModel层;

[3].Model:JavaScript对象/模型, View:HTML代码/模板,各司其职,完全分离

[4].VM层:负责Model与View之间的交互,完全使用JavaScript进行编写;

[5].基本流程: VM层根据Model数据来更新View,或者根据View来更新Model,这个过程是双向的,即双向数据绑定;

[6].服务器端只负责更新Model即可,而Model就是一个JavaScript对象,所以服务器只需要返回可被Model解析的数据即可,例如:json,html等,这样就完全实现了面向接口/API编程。

[7].Vue.js就是一个完全采用了MVVM机制的前端开发框架,采用从底层向上的渐进式开发思想,易学易用!

MVVM架构理解:由3层组成模型层、视图层、视图模型层,模型层负责对象字面量,视图负责前端展示,视图模型层负责视图层和模型层的交互,是双向数据绑定。服务器端只和模型层对接。MVVM架构清晰的将数据交互分成不同的层级来处理,大大简化了工作量,可以分工处理


Correcting teacher:天蓬老师Correction time:2019-01-02 13:46:33
Teacher's summary:说到底,就页面究竟由哪个来渲染, 是由前端 ,还是后端,如果仍是服务器渲染,那就用mvc好了, 因为它最稳定,最合理, 如果由前端来渲染,就用mvvm, 因为他对服务器的压力最小,基本上将控制器功能前移到了前端实现

Release Notes

Popular Entries