MVC:是后端分层开发的概念
M:Model层主要处理数据的crud(增删改查)
V:视图层,称为前端的页面
C:业务逻辑层,包括路由、登录、注册等数据的业务逻辑处理
MVVM:是前端视图层的概念,主要关注于视图层分离,MVVM把前端的视图层分为了三部分:Model(M)、View(V)、ViewModel(VM)
具体的联系和区别请看下图:
图中我们可以看到MVC模式包含了前端到后端的操作,view视图层先发送请求给入口文件app.js文件,app.js会调用router.js路由模块,router.js调用Controller.js模块,Controller.js会调用Model模块,这样依次调用,实现一个MVC过程。
而MVVM集中在View视图层对页面进行操作,通过VM为用户提供了双向数据绑定,方便用户开发,提高开发效率。
下图是vue中MVVM的区分: