MVVM
MVVM是Model-View-ViewModel的简写。
简介与原理
MVVM是一种架构模式,并非一种框架,是一种思想,一种组织和管理代码的艺术。它利用数据绑定、属性依赖、路由事件、命令等特性实现高效灵活的架构。
前端MVVM框架的原理就是通过观察和订阅来进行联动操作,以自动触发各种逻辑函数。如图:
- 事件驱动(DOM Listeners)。指传统的DOM事件触发函数操作。
- Controller中间件,框架封装部分。——利用发布订阅模式、JavaScript模板引擎生成DOM,绑定与ViewModel的依赖关系,实现ViewModel数据变化时,更新(Setter)View视图;DOM操作时,更新ViewModel数据。从而实现双向绑定。
- ViewModel。编写操作View、Model逻辑的部分。编码规则根据前端框架不同而改变。
- Model。数据存储部分。