您好,欢迎访问一九零五行业门户网

vue中mvvm和mvc的区别有哪些

mvvm和mvc的区别:1、mvvm各部分的通信是双向的,而mvc各部分通信是单向的。2、mvvm实现了view与model的自动同步,也就是model属性改变时,不需要手动操作dom元素去改变view的显示,而是改变属性后该属性对应的view层会自动改变。
本教程操作环境:windows7系统、vue3版,dell g3电脑。
mvc是什么
mvc是一种设计模式:
m(model):模型层。是应用程序中用于处理应用程序数据逻辑的部分,模型对象负责在数据库中存取数据;
v(view):视图层。是应用程序中处理数据显示的部分,视图是依据模型数据创建的;
c(controller):控制层。是应用程序中处理用户交互的部分,控制器接受用户的输入并调用模型和视图去完成用户的需求,控制器本身不输出任何东西和做任何处理。它只是接收请求并决定调用哪个模型构件去处理请求,然后再确定用哪个视图来显示返回的数据。
mvvm是什么vue框架中mvvm的m就是后端的数据,v就是节点树,vm就是new出来的那个vue({})对象
m(model):模型层。就是业务逻辑相关的数据对象,通常从数据库映射而来,我们可以说是与数据库对应的model。
v(view):视图层。就是展现出来的用户界面。
vm(viewmodel):视图模型层。连接view和model的桥梁。因为,model层中的数据往往是不能直接跟view中的控件一一对应上的,所以,需要再定义一个数据对象专门对应view上的控件。而viewmodel的职责就是把model对象封装成可以显示和接受输入的界面数据对象。
view与viewmodel之间通过双向绑定建立联系,这样当view(视图层)变化时,会自动更新到viewmodel(视图模型),反之亦然。
mvvm的优势
1、mvc和mvvm都是一种设计思想。 主要就是mvc中controller演变成mvvm中的viewmodel。 mvvm主要解决了mvc中大量dom操作使页面渲染性能降低,加载速度变慢的问题 。
2、mvvm与mvc最大的区别就是:它实现了view和model的自动同步:当model的属性改变时,我们不用再自己手动操作dom元素来改变view的显示,它会自动变化。
3、整体看来,mvvm比mvc精简很多,我们不用再用选择器频繁地操作dom。
mvvm并不是用vm完全取代了c,viewmodel存在目的在于抽离controller中展示的业务逻辑,而不是替代controller,其它视图操作业务等还是应该放在controller中实现。
mvc与mvvm有什么区别区别一:
mvvm各部分的通信是双向的,而mvc各部分通信是单向的。
区别二:
mvvm 与 mvc 最大的区别就是:它实现了view和model的自动同步
当model属性改变时,不用手动操作dom元素去改变view的显示。
而改变属性后,该属性对应view的显示会自动改变
mvvm响应式原理vue是采用数据劫持配合发布者-订阅者的模式的方式,通过object.defineproperty()来劫持各个属性的getter和setter,在数据变动时,发布消息给依赖收集器(dep中的subs),去通知(notify)观察者,做出对应的回调函数,更新视图mvvm作为绑定的入口,整合observer,compile和watcher三者,通过observer来监听model数据变化,通过compile来解析编译模板指令,最终利用watcher搭起observer,compile之间的通信桥路,达到数据变化observer)=>视图更新;视图交互变化=>数据model变更的双向绑定效果。【相关推荐:vuejs视频教程、web前端开发】
以上就是vue中mvvm和mvc的区别有哪些的详细内容。
其它类似信息

推荐信息