初识MVVM

奶牛牛牛

已于 2022-04-06 13:21:21 修改

阅读量1k

点赞数 1

文章标签： javascript typescript css html5

于 2022-04-01 10:41:20 首次发布

本文链接：https://blog.csdn.net/kiritoo1/article/details/123891606

版权

前端工作四个月了快，发现自己连什么是MVVM模型都不知道，于是刚才去搜索了一下。总结一下，就是视图view——中间商ViewModel（视图数据层）———后台数据Model（数据模型）.

个人理解的话就是

View就是用户能看到的界面，由我们最基本的html，css搭建而成。
Model就是后端。通过接口读取数据库的数据呀这些。
ViewModel扮演的就是中间商，它负责先从Model也就是后端api接口中读取数据，然后将数据存储在自己这里，进行二次封装，然后在View中可以读取和处理这些数据，也就是在ViewModel中管理好，生成和维护数据，在需要往后台更新数据的时候随时对Model传输数据就行。

像Vue就是很好的作为ViewModel对界面的数据进行了处理，比如v-model的双向绑定，界面处的数据更新 vue中的数据就会更新，就是个很好的例子，还有我最近做得比较多的，在不同的页面管理同一个ViewModel，这样大家都可以知道当前数据show的情况，比如show为true的时候，这个界面显示，另一个不显示，状态的管理级很轻松的实现了。
所以MVVM模型就是将前后端更好的进行了分离，以及清晰化前端如何处理数据和如何制作页面的交互。

随便写写，不喜勿喷（还望各个大佬指正批评）