MVC && MVVM 的区别 #

React 框架采用的是 MVC 体系；Vue 框架采用的是 MVVM 体系；

MVC： #

model 数据层 + view 视图层 + controller 控制层

• 我们需要按照专业的语法去构建视图（页面）：React 中是基于 jsx 语法来构建视图的
• 构建数据层：但凡在视图中，需要“动态”处理的（需要变化的，不论是样式还是内容），我们都要有对应的数据模型
• 控制层：当我们在视图中（或者根据业务需求）进行某些操作的时候，都是去修改相关的数据，然后 React 框架会按照最新的数据，重新渲染视图，以此让用户看到最新的效果！
  • 数据驱动视图的渲染！视图中的表单内容改变，想要修改数据，需要开发者自己去写代码实现！！
  • “单向驱动”

MVVM #

model 数据层 + view 视图层 + viewModel 数据 / 视图监听层

• 数据驱动视图的渲染：监听数据的更新，让视图重新渲染
• 视图驱动数据的更改：监听页面中表单元素内容改变，自动去修改相关的数据
• “双向驱动”