Vue MVVM模式的理解

前面的话

面试必考的话题之一：MVVM模式。这篇文章简单的介绍MVVM模式

图解

MVVM 是 Model-View-ViewModel 的缩写

• Model: 代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。我们可以把Model称为数据层，因为它仅仅关注数据本身，不关心任何行为

• View: 用户操作界面（DOM）。当ViewModel对Model进行更新的时候，会通过数据绑定更新到View

• ViewModel： 业务逻辑层（创建Vue实例），View需要什么数据，ViewModel要提供这个数据；View有某些操作，ViewModel就要响应这些操作，所以可以说它是Model for View.

• 总结： MVVM模式简化了界面与业务的依赖，解决了数据频繁更新。MVVM 在使用当中，利用双向绑定技术，使得 Model 变化时，ViewModel 会自动更新，而 ViewModel 变化时，View 也会自动变化。
  这张图是小柒看很久之前看到的一张图，当时觉得很好理解，就保存下来了。