MVVM

mvvm和mvc区别：
mvc和mvvm其实区别并不大，都是一种设计思想。主要就是mvc中Controller演变成mvvm中的viewModel。mvvm主要解决了mvc中大量的DOM 操作使页面渲染性能降低，加载速度变慢，影响用户体验和当 Model 频繁发生变化，开发者需要主动更新到View 。

---

关于MVVM：
- MVVM是一种设计思想，它由Model-View-ViewModel三个部分组成。Model 层代表数据模型，View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。
- 在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewModel 之间的交互是双向的【View 数据的变化会同步到Model中，而Model 数据的变化也会立即反应到View 上】
- ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来，而View 和 Model 之间的同步工作完全是自动的，无需人为干涉，因此开发者只需关注业务逻辑，不需要手动操作DOM, 不需要关注数据状态的同步问题，复杂的数据状态维护完全由 MVVM 来统一管理。

---

关于vue中的MVVM：
- Vue就是基于MVVM模式实现的一套框架。Vue是以数据为驱动的，Vue自身将DOM和数据进行绑定，一旦创建绑定，DOM和数据将保持同步，每当数据发生变化，DOM会跟着变化。
- ViewModel是Vue的核心，它是Vue的一个实例，Vue实例是作用在某个HTML元素上的。DOM Listeners和Data Bindings是实现双向绑定的关键。DOM Listeners监听页面所有View层DOM元素的变化，当发生变化，Model层的数据随之变化；Data Bindings监听Model层的数据，当数据发生变化，View层的DOM元素随之变化。
- Vue的双向数据绑定主要通过Object.defineProperty来实现，先为所有的属性加上get/set的监控，这样当属性值改变时就会触发对应的set方法，然后再在set方法中通过观察者来更新视图，同时在get方法中进行依赖收集。