理解mvvm和mvc

MVC

MVC 是一种使用 MVC（Model View Controller 模型-视图-控制器）设计创建 Web 应用程序的模式。 代表框架：AngularJS <br/>

• Model（模型） 是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据。
• View（视图） 是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的。
• Controller（控制器） 是应用程序中处理用户交互的部分。通常控制器负责从视图读取数据，控制用户输入，并向模型发送数据。

优点：

• 部署快:

使用MVC模式使开发时间得到相当大的缩减，它使程序员（Java开发人员）集中精力于业务逻辑，界面程序员（HTML和JSP开发人员）集中精力于表现形式上。

• 可维护性高:

分离视图层和业务逻辑层也使得WEB应用更易于维护和修改。

缺点:

不适合小型，中等规模的应用程序。

MVVM

MVVM是Model-View-ViewModel缩写，也就是把MVC中的Controller演变成ViewModel。Model层代表数据模型，View代表UI组件，ViewModel是View和Model层的桥梁，数据会绑定到viewModel层并自动将数据渲染到页面中，视图变化的时候会通知viewModel层更新数据。(双向绑定)

mvvm框架代表：VUE

react既不是mvc也不是mvvm：

React是一个单向数据流的库，状态驱动视图。

1State --> View --> New State --> New View

可以理解为，react 就是一个 dom 拼接工具，把数据拼成新 dom 替换旧 dom 。当然，它性能很高，会尽可能复用 dom 来提高性能。