MVVM架构
什么是MVVM?
MVVM是Model-View-ViewModel的缩写。MVVM是一种架构模式,并非一种框架,是一种思想,一种组织和管理代码的艺术。它利用数据绑定、属性依赖、路由事件、命令等特性实现高效灵活的架构。
MVVM源于MVC(Model-View-Controller)模式,期间还演化出MVP(Model-View-Presenter)模式。MVVM的出现促进了GUI前端开发和后端开发逻辑的分离,提高了前端开发效率。
MVVM的核心是数据驱动即ViewModel,ViewModel是View和Model的关系映射。在MVVM中View和Model是不可以直接进行通信的,它们之间存在这ViewModel这个中介。ViewModel类似中转站(Value Converter),负责转换Model中的数据对象,使得数据变得更加易于管理和使用。MVVM本质就是基于操作数据来操作视图进而操作DOM,借助于MVVM无需直接操作DOM,开发者只需完成包含声明绑定的视图模板,编写ViewModel中有业务,使得View完全实现自动化。当用户操作View,ViewModel感知到变化,然后通知Model发生相应改变,反之亦然。ViewModel向上与视图层View进行双向数据绑定,向下与Model通过接口请求进行数据交互,起到承上启下的作用。
Vue的MVVM和小程序MVVM对比

- Model :一般存放数据
- View:通过mustache语法绑定数据
- Viewmodel:作为view和model 两个层次之间通

本文深入解析MVVM架构模式,探讨其与MVC、MVP的区别,重点介绍数据驱动、双向数据绑定等核心概念。同时,对比分析Vue与小程序MVVM实现方式,引领读者从命令式编程转向声明式编程。
最低0.47元/天 解锁文章
232

被折叠的 条评论
为什么被折叠?



