首页 / VUE / vue中的mvvm模式讲解
vue中的mvvm模式讲解
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了vue中的mvvm模式讲解,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1861字,纯文字阅读大概需要3分钟。
内容图文
![vue中的mvvm模式讲解](/upload/InfoBanner/zyjiaocheng/334/d60e925b19e94ec5802728613b39897f.jpg)
学习了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里面包含DOM Listeners和Data Bindings,DOM Listeners和Data Bindings是实现双向绑定的关键。DOM Listeners监听页面所有View层DOM元素的变化,当发生变化,Model层的数据随之变化;Data Bindings监听Model层的数据,当数据发生变化,View层的DOM元素随之变化。
mvvm有什么好处呢 当然这个肯定有好处的 不然学它干哈
1. 低耦合。View可以独立于Model变化和修改,一个ViewModel可以绑定到不同的View上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。
2. 可重用性。可以把一些视图的逻辑放在ViewModel里面,让很多View重用这段视图逻辑。
3. 独立开发。开发人员可以专注与业务逻辑和数据的开发(ViewModel)。设计人员可以专注于界面(View)的设计。
4. 可测试性。可以针对ViewModel来对界面(View)进行测试
咋们一起走向vue之路吧
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接
内容总结
以上是互联网集市为您收集整理的vue中的mvvm模式讲解全部内容,希望文章能够帮你解决vue中的mvvm模式讲解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。