vue基础之MVC和MVVM的区别

vue基础之MVC和MVVM的区别

  • 一、MVVM(vue)
  • 二、MVC(egg)

一、MVVM(vue)

V是视图模板 VM是视图模型(业务逻辑) M是模型
你会下意识地把它和MVC来对比,你会发现,MVVM多了一个ViewModel而少了Controller。

vue是实现了双向数据绑定的mvvm框架,
当视图改变更新模型层,当模型层改变更新视图层。
在vue中,使用了双向绑定技术,
就是View的变化能实时让Model发生变化,而Model的变化也能实时更新到View。

vue基础之MVC和MVVM的区别_第1张图片

二、MVC(egg)

M是模型层(数据库处理),V是视图(用户界面),C是控制器(接收值,和传值)

用户请求在路由上传一个id,
controller接收到视图传过来的id,
传给model层,model进行处理(数据库的处理),
又传给controller层,controller把最终的数据给视图

vue基础之MVC和MVVM的区别_第2张图片

你可能感兴趣的:(Vue,javascript,vue.js,node.js)