2MVC-MVVM设计模式
什么是MVVM？与MVC又有什么区别
不管是React还是Vue，它们都不是MVVM框架，至少有借鉴MVVM的思路。
- View 用户所看到的视图
- Model 本地数据或数据库中的数据
接口从数据库中读取数据，经过处理变为用户看到的视图。同时我们也可从视图上读取用户的输入，将输入通过接口写入数据中。
如何将数据展示到视图上，又如何将用户输入写入到数据中，出现多种架构设计。传统MVC架构通常使用控制器更新模型，视图从模型中获取数据去渲染。当用户有输入时，通过控制器去更新模型，并通知视图更新。
MVC缺点是控制器承担责任太大，随着项目复杂度增加代码臃肿变得难以维护。
在MVVM架构中，引入了ViewModel的概念。
- ViewModel 数据业务处理的一层抽象。以Vue为例，ViewModel就是组件实例。View就是模版，Model 在引入Vuex的情况下完全可以和组件分离
同时MVVM还引入了一个隐式的Binder层，实现了View和ViewModel的绑定
对于MVVM来说，最重要的并不是通过双向绑定或者其他方式将View和ViewModel绑定起来，而是通过ViewModel将视图中的状态 和 用户的行为分离出一个抽象，这才是MVVM的精髓
- View 界面
- Model 数据模型
- ViewModel 作为桥梁负责沟通View和Model
在 JQuery 时期，如果需要刷新 UI 时，需要先取到对应的 DOM 再更新 UI，这样数据和业务的逻辑就和页面有强耦合。
在 MVVM 中，UI 是通过数据驱动的，数据一旦改变就会相应的刷新对应的 UI，UI 如果改变，也会改变对应的数据。这种方式就可以在业务处理中只关心数据的流转，而无需直接和页面打交道。ViewModel 只关心数据和业务的处理，不关心 View 如何处理数据，在这种情况下，View 和 Model 都可以独立出来，任何一方改变了也不一定需要改变另一方，并且可以将一些可复用的逻辑放在一个 ViewModel 中，让多个 View 复用这个 ViewModel。
在 MVVM 中，最核心的也就是数据双向绑定，Vue 中通过Object.defineProperty来进行数据劫持。