MVVM模式

什么是MVVM？

1.MVVM 即 Model-View-ViewModel 的简写。即模型-视图-视图模型。

2.模型（Model） 指的是后端传递的数据。

3.视图(View)指的是所看到的页面。

4.视图模型(ViewModel)是 mvvm 模式的核心，它是连接 view 和 model 的桥梁。它有两个方向：

一是将模型（Model）转化成视图 (View)，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。

​ 二是将视图 (View)转化成模型(Model)，即将所看到的页面转化成后端的数据。实现的方式是：DOM 事件 监听。这两个方向都实现的，我们称之为数据的双向绑定。

MVVM的优点

1、低耦合：视图（View）可以独⽴于 Model 变化和修改，⼀个 ViewModel 可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。

2、可重⽤性：你可以把⼀些视图逻辑放在⼀个ViewModel⾥⾯，让很多 view 重⽤这段视图逻辑。3、独⽴开发：开发⼈员可以专注于业务逻辑和数据的开发（ViewModel），设计⼈员可以专注于⻚⾯设计。

4、可测试：界⾯素来是⽐较难于测试的，⽽现在测试可以针对ViewModel来写。MVVM 和 MVC 的区别：mvc和mvvm其实区别并不⼤。都是⼀种设计思想。

MVVM和MVC的区别

mvc 中 Controller演变成 mvvm 中的 viewModel，

mvvm 通过数据来显示视图层⽽不是节点操作。

mvvm主要解决了:mvc中⼤量的DOM 操作使⻚⾯渲染性能降低，加载速度变慢，影响⽤户体验。