MVVM设计模式
MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,其中ViewModel将视图 UI 和业务逻辑分开,它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。
MVVM设计模式,一种软件架构模式,决定了写代码的方式
- M: model数据模型(数据)
- V: view视图 (页面)
- VM:ViewModel 视图模型 (负责把M同步到V中显示出来,也负责把V的修改同步到M上)
MVVM通过数据双向绑定
让数据自动的双向同步
当我们修改视图(V)的时候,数据(M)会自动同步
当我们修改数据(M)的时候,视图(V)会自动同步
MVVM核心思想:是关注数据的变化,让MVVM框架利用自己的机制自动更新DOM,也就是所谓的数据-视图分离,数据不会影响视图。(不用再手动操作DOM)
MVVM模式和MVC模式一样,主要目的是分离 视图(View)和模型(Model),有几大优点:
1. 低耦合。视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。
2. 可重用性。你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。
3. 独立开发。开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计。
4. 可测试。界面素来是比较难于测试的,测试可以针对ViewModel来写。