开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 23 天，点击查看活动详情

vue的mvvm模式

mvvm全称model view viewModel，是基于Mvm和Mvp体系结构的改进。Mvvm是Mvm模式中的View的状态和行为抽象化，将视图UI和业务逻辑分开。

描述

Mvvm简化界面与业务的依赖，将应用界面的开发与业务开发和数据模型分离。Mvvm中的ViewModel将视图层与数据层Model链接起来，在Model更新时，ViewModel通过绑定器将数据更新到View中，在View触发指令时，通过ViewModel传递消息到Model。Mvvm与Mvp模式的行为基本一致，主要区别是Mvvm采用双向绑定，即将View和Model的同步逻辑自动化了。

组成

1. Model 以面向对象对事物抽象的结果，代表真实状态领域模型。只关注数据本身，不关注行为。
2. View 页面视图。
3. ViewModel 暴露公共属性和命令视图抽象，绑定器在视图和数据绑定器之间通信。

不足

对于内容变动多，消耗的内存会比较多。

优点

• 低耦合
• 可重用性
• 分离UI和后端开发

开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 23 天，点击查看活动详情