mvvm是指?_什么是mvvm
Hi，大家好，我是编程小6，很荣幸遇见你，我把这些年在开发过程中遇到的问题或想法写出来，今天说一说
mvvm是指?_什么是mvvm,希望能够帮助你!!!。
MVVM是什么?
MVVM
模式，顾名思义即
Model-View-ViewModel
模式。它萌芽于
2005
年微软推出的基于
Windows
的⽤户界⾯框架 WPF ，前端最早的
MVVM
框架
knockout
在
2010
年发布。
模式，顾名思义即
Model-View-ViewModel
模式。它萌芽于
2005
年微软推出的基于
Windows
的⽤户界⾯框架 WPF ，前端最早的
MVVM
框架
knockout
在
2010
年发布。
Model 层:
对应数据层的域模型，它主要做域模型的同步。通过
Ajax/fetch
等
API
完成客户端和服务端业务
Model
的同 步。在层间关系⾥，它主要⽤于抽象出 ViewModel
中视图的
Model
。
对应数据层的域模型，它主要做域模型的同步。通过
Ajax/fetch
等
API
完成客户端和服务端业务
Model
的同 步。在层间关系⾥，它主要⽤于抽象出 ViewModel
中视图的
Model
。
View 层:
作为视图模板存在，在
MVVM
⾥，整个
View
是⼀个动态模板。除了定义结构、布局外，它展示的是 ViewModel 层的数据和状态。
View
层不负责处理状态，
View
层做的是 数据绑定的声明、 指令的声明、 事件绑定的声明。
作为视图模板存在，在
MVVM
⾥，整个
View
是⼀个动态模板。除了定义结构、布局外，它展示的是 ViewModel 层的数据和状态。
View
层不负责处理状态，
View
层做的是 数据绑定的声明、 指令的声明、 事件绑定的声明。
ViewModel 层:
把
View
需要的层数据暴露，并对
View
层的 数据绑定声明、 指令声明、 事件绑定声明 负责，也就是处 理 View
层的具体业务逻辑。
ViewModel
底层会做好绑定属性的监听。当
ViewModel
中数据变化，
View
层会得到更 新；⽽当 View
中声明了数据的双向绑定（通常是表单元素），框架也会监听
View
层（表单）值的变化。⼀旦值变 化，View
层绑定的
ViewModel
中的数据也会得到⾃动更新。
把
View
需要的层数据暴露，并对
View
层的 数据绑定声明、 指令声明、 事件绑定声明 负责，也就是处 理 View
层的具体业务逻辑。
ViewModel
底层会做好绑定属性的监听。当
ViewModel
中数据变化，
View
层会得到更 新；⽽当 View
中声明了数据的双向绑定（通常是表单元素），框架也会监听
View
层（表单）值的变化。⼀旦值变 化，View
层绑定的
ViewModel
中的数据也会得到⾃动更新。
MVVM
的优缺点
?
的优缺点
?
优点:
1.
分离视图（View）和模型（
Model
）
,
降低代码耦合，提⾼视图或者逻辑的重⽤性
:
⽐如视图（View）可以独⽴于 Model变化和修改，⼀个
ViewModel
可以绑定不同的
"View"
上，当
View
变化的时候
Model
不可以不变，当
Model
变化 的时候View
也可以不变。你可以把⼀些视图逻辑放在⼀个
ViewModel
⾥⾯，让很多
view
重⽤这段视图逻辑。
分离视图（View）和模型（
Model
）
,
降低代码耦合，提⾼视图或者逻辑的重⽤性
:
⽐如视图（View）可以独⽴于 Model变化和修改，⼀个
ViewModel
可以绑定不同的
"View"
上，当
View
变化的时候
Model
不可以不变，当
Model
变化 的时候View
也可以不变。你可以把⼀些视图逻辑放在⼀个
ViewModel
⾥⾯，让很多
view
重⽤这段视图逻辑。
2.
提⾼可测试性
: ViewModel
的存在可以帮助开发者更好地编写测试代码。
提⾼可测试性
: ViewModel
的存在可以帮助开发者更好地编写测试代码。
3.
⾃动更新
dom:
利⽤双向绑定
,
数据更新后视图⾃动更新
,
让开发者从繁琐的⼿动
dom
中解放。
⾃动更新
dom:
利⽤双向绑定
,
数据更新后视图⾃动更新
,
让开发者从繁琐的⼿动
dom
中解放。
缺点:
1. Bug
很难被调试
:
因为使⽤双向绑定的模式，当你看到界⾯异常了，有可能是你
View
的代码有
Bug
，也可能是
Model 的代码有问题。数据绑定使得⼀个位置的Bug
被快速传递到别的位置，要定位原始出问题的地⽅就变得不那么容易 了。另外，数据绑定的声明是指令式地写在View
的模版当中的，这些内容是没办法去打断点
debug
的。
很难被调试
:
因为使⽤双向绑定的模式，当你看到界⾯异常了，有可能是你
View
的代码有
Bug
，也可能是
Model 的代码有问题。数据绑定使得⼀个位置的Bug
被快速传递到别的位置，要定位原始出问题的地⽅就变得不那么容易 了。另外，数据绑定的声明是指令式地写在View
的模版当中的，这些内容是没办法去打断点
debug
的。
2.
⼀个⼤的模块中
model
也会很⼤，虽然使⽤⽅便了也很容易保证了数据的⼀致性，当时⻓期持有，不释放内存就造 成了花费更多的内存。
⼀个⼤的模块中
model
也会很⼤，虽然使⽤⽅便了也很容易保证了数据的⼀致性，当时⻓期持有，不释放内存就造 成了花费更多的内存。
3.
对于⼤型的图形应⽤程序，视图状态较多，
ViewModel
的构建和维护的成本都会⽐较⾼。
对于⼤型的图形应⽤程序，视图状态较多，
ViewModel
的构建和维护的成本都会⽐较⾼。
今天的分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。
上一篇
已是最后文章
下一篇
已是最新文章
最新文章
