vue中的mvvm模式讲解
学习了MVVM模式
起先还觉得有点难，后面与双向数据绑定链接起来还是很容易理解的。
那么什么是MVVM呢？
不明思议咋们肯定和我想的一样 每个单词的首写字母呗！
对没错就是它 Model-View-ViewModel。 可以实现我们的双向数据绑定
下面我来用我的理解解析下它们之间的关系：
哈哈有点小尴尬哈
先来说下View与Model之间有联系吗？
在MVVM架构下，View和Model之间其实并没有直接的联系，而是通过ViewModel进行交互，Model和ViewModel之间的交互是双向的，因此View数据的变化会同步到Model中，而Model数据的变化也会立即反应到View上。
好啦，说到这可能有些小伙伴会问view什么，Model是什么？
Model层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；
View代表UI组件，它负责将数据模型转化成UI展现出来，ViewModel是一个同步View和Model的对象。
Vue是以数据为驱动的，Vue自身将DOM和数据进行绑定，一旦创建绑定，DOM和数据将保持同步，每当数据发生变化，DOM会跟着变化。
现在明白了吧！
好啦 我们继续谈谈它们三者之间的关系呀 它们之间是不是有个三角恋呐
哈哈 不错
ViewModel通过双向数据绑定把View层和Model层连接了起来，ViewModel里面包含DOMListeners和DataBindings，DOMListeners和DataBindings是实现双向绑定的关键。DOMListeners监听页面所有View层DOM元素的变化，当发生变化，Model层的数据随之变化；DataBindings监听Model层的数据，当数据发生变化，View层的DOM元素随之变化。
mvvm有什么好处呢 当然这个肯定有好处的不然学它干哈
1.低耦合。View可以独立于Model变化和修改，一个ViewModel可以绑定到不同的View上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。
2.可重用性。可以把一些视图的逻辑放在ViewModel里面，让很多View重用这段视图逻辑。
3.独立开发。开发人员可以专注与业务逻辑和数据的开发(ViewModel)。设计人员可以专注于界面(View)的设计。
4.可测试性。可以针对ViewModel来对界面(View)进行测试
咋们一起走向vue之路吧
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对毛票票的支持。如果你想了解更多相关内容请查看下面相关链接