架构模式-MVVM

设计模式 mvvm

前端架构

发布日期:   2020-03-15

文章字数:   227

阅读时长:   1 分

阅读次数:  

MVVM

MVVM是Model-View-ViewModel的简写。

简介与原理

MVVM是一种架构模式,并非一种框架,是一种思想,一种组织和管理代码的艺术。它利用数据绑定、属性依赖、路由事件、命令等特性实现高效灵活的架构。

前端MVVM框架的原理就是通过观察和订阅来进行联动操作,以自动触发各种逻辑函数。如图:

  • 事件驱动(DOM Listeners)。指传统的DOM事件触发函数操作。
  • Controller中间件,框架封装部分。——利用发布订阅模式、JavaScript模板引擎生成DOM,绑定与ViewModel的依赖关系,实现ViewModel数据变化时,更新(Setter)View视图;DOM操作时,更新ViewModel数据。从而实现双向绑定。
  • ViewModel。编写操作View、Model逻辑的部分。编码规则根据前端框架不同而改变。
  • Model。数据存储部分。

你的赏识是我前进的动力

转载请注明: XMwarrior 架构模式-MVVM

本篇

架构模式-MVVM

MVVMMVVM是Model-View-ViewModel的简写。 简介与原理 MVVM是一种架构模式,并非一种框架,是一种思想,一种组织和管理代码的艺术。它利用数据绑定、属性依赖、路由事件、命令等特性实现高效灵活的架构。 前端MVVM

2020-03-15 前端架构

设计模式 mvvm

下一篇 

设计模式-观察者模式&发布订阅模式

观察者模式定义了对象间的一种一对多的依赖关系。而发布订阅模式是观察者模式的衍生模式,它进一步解耦了发布者与观察者的依赖关系,并且能够更细粒度的控制依赖关系。 观察者模式(Observer)Observer 定义 观察者模式(Observer

2020-03-15 设计模式

设计模式 观察者模式 发布订阅模式

我来评几句
登录后评论

已发表评论数()

相关站点

+订阅
热门文章