首先说一下什么是MVVM，MVVM是一个缩写，其实它是Model-View-ViewModel。

 

 

Model代表的是数据模型，View代表UI组件，它负责将数据模型转化成UI展示出来，ViewModel是一个同步View和Model的对象。

在MVVM架构中，View和Model之间其实没有直接的联系，而是通过ViewModel进行交互，Model和ViewModel之间的交互是双向的，因此View数据的变化会同步到Model中，而Model数据的变化也会立即反应到View上。

所以Vue是以数据为驱动的，Vue自身将DOM和数据进行绑定，一旦创建绑定，DOM和数据将会保持同步，当数据发生改变时，DOM会跟着变化。

此时，MVVM的好处就体现出来了：低耦合，View可以独立于Model变化和修改，一个ViewModel可以绑定到不同的View上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变；可重用性，可以把一些视图的逻辑放在ViewModel里面，让很多View重用这段视图；独立开发，开发人员可以专注于业务逻辑和数据的开发，而设计人员可以专注于页面的设计；可测试性，可以针对ViewModel来对界面（View）进行测试。