Vue.js 入门（MVVM模式的理解）

一.MVVM模型简介

• Vue.js是一个提供了MVVM模型的双向数据绑定。
• 它的主要核心是MVVM中的VM，就是ViewModel(控制器)。
• ViewModel负责连接View和Model，可以保障视图和数据的一致性

二.MVVM模式

 

1.  Model:MVVM中的Model简写为M。Model代表整个Web项目所需要的数据模型, Model含有大量信息，但它并不具有任何行为逻辑，它只是数据，因而它不会影响浏览器如何展示数据。
2. View:在MVC中, View是不能自己改变的,通常由控制器操作DOM来改变View。而在MVVM中， View是具有主动性的，因为它包括了一些数据绑定、事件和行为，这些都会直接影响Model和ViewModel。View不但负责自身的展示，而且会将自身的变化同步到ViewModel中。  
3. ViewModel:MVVM中的VM可以被看作MVC中的控制器,VM主要负责用一定的业务逻辑对数据进行改变或转换，也负责将Model的变化反映到View上，而当View自身有变化时，也会同步 ViewModel进行改变。