怎样通俗易懂理解MVVM模式(抓住关键核心)

蔚落 2022-11-11 05:11 161阅读 0赞

以下为本人看了无数篇类似讲解文章，觉得有助于快速理解的篇章的摘抄。

> 首先，MVVM 是三种模型的分开，不是**M,V,V,M **而是**M, V, VM **即 （Model -View -ViewModel； 模型--视图--视图模型）， 这里的VM指的是:VIEWMODEL

![format_png][]

三：MVVM：

MVVM,即 **MODEL** （class）和  **VIEW**(界面控件)  都 **双向数据绑定**到 **VIEW MODEL**，见下图二：

当MODEL的属性发生改变是，我们不再自己手动的操作DOM，而是改变之后的属性对应的VIEW层会自动的发生改变。

也就是说，只要  **MODEL** （class）和  **VIEW**(界面控件)  发生了数据更新，变化，另一方都会实现 自动更新，变化。

![ 图二][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIzODY0OTE1_size_16_color_FFFFFF_t_70] 图二

理解上图MVVM模式，需要理解 WPF里的 databinding   机制，参考 某UP主的讲解，最基础，也最全面的讲解：[https://www.bilibili.com/video/BV1mJ411F7zG?p=8][https_www.bilibili.com_video_BV1mJ411F7zG_p_8] ，见他的 **P8**

**全文参考：**[MVC与MVVM的特点及区别][MVC_MVVM]

**番外篇：**除此以外，还有一个 MVC 模式，可以看这篇：[MVC 和MVVM区别 （通俗易懂）][MVC _MVVM_]

[format_png]: /images/20221022/1937a2b969364bae8e22393ca2c0c097.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIzODY0OTE1_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190420234048918.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIzODY0OTE1,size_16,color_FFFFFF,t_70
[https_www.bilibili.com_video_BV1mJ411F7zG_p_8]: https://www.bilibili.com/video/BV1mJ411F7zG?p=8
[MVC_MVVM]: https://blog.csdn.net/wangwenkai76/article/details/86242622?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.control&dist_request_id=&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.control
[MVC _MVVM_]: https://blog.csdn.net/weixin_46051617/article/details/106922699