浅谈mvvm模式和mvp模式–>vue.js

传统的前端开发 mvp模式

浅谈mvvm模式和mvp模式-->vue.js

model:数据层 (模型层,可以抽象理解为数据,例如:用ajax中获取数据)

view:视图层

presenter: 控制器层

MVP代码实例

浅谈mvvm模式和mvp模式-->vue.js

p层控制器为核心层:大量的代码都在操作dom

MVVM模式

浅谈mvvm模式和mvp模式-->vue.js

vue框架通同样有v层和m层,没有p层,多了一层vm层。

vm层:虚拟dom+es5的小方法Object.defineProperty

mvvm层最核心的层是数据层

因此:mvp面向p层(DOM)开发,mvvm层面向数据开发

因此 mvvm让代码量变得更少

相关文章:

  • 2021-12-03
  • 2021-07-23
  • 2021-05-29
  • 2022-01-19
  • 2021-06-26
  • 2021-11-12
猜你喜欢
  • 2021-09-11
  • 2021-08-05
  • 2021-06-17
  • 2021-10-17
  • 2022-12-23
  • 2021-04-28
  • 2022-12-23
相关资源
相似解决方案