三分钟让你了解MVC和MVVM模式

1.MVC关注的是Model的不变，所以，在MVC模型里，Model不依赖于View，但是 View是依赖于Model的。不仅如此，因为有一些业务逻辑在View里实现了，导致要更改View也是比较困难的，至少那些业务逻辑是无法重用的。

2.MVVM是一种更好的UI模式解决方案，MVVM通过数据双向绑定让数据自动地双向同步。

MVC设计模式

View（视图层）       Model（模型）     Controller（控制器）

• View 传送指令到 Controller
• Model 将新的数据发送到 View，用户得到反馈
• Controller 完成业务逻辑后，要求 Model 改变状态

用户与View进行交互，Controller进行业务逻辑处理，控制器从模型中请求数据，并反馈给视图层，视图将数据呈现给用户。

MVVM设计模式

Model（模型）    View（视图）  View Model（视图模型）

• V    HTML元素
• VM    View-Model
• M     模型数据（json->{},[] ）

MVVM与MVC最大的区别：MVVM实现了View和Model的自动同步，也就是当Model的属性改值变时，我们不用再自己手动操作Dom元素，来改变View的显示，而是改变属性后该属性对应View层显示会自动改变。

MVVM代表框架：Angularjs、React、Vue。
MVVM主要解决了MVC中大量 DOM元素操作，使得页面渲染性能降低，加载速度变慢，影响用户体验。

 

--------------如果大家喜欢我的博客，可以点击左上角的关注哦。