关于Vue的MVVM模式理解

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

 

关于Vue的MVVM模式理解

 

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)进行测试。

 

关于Vue的MVVM模式理解

上一篇:node-sass的安装


下一篇:[源码解析] 深度学习分布式训练框架 horovod (9) --- 启动 on spark