前端框架MVVM是什么(整理)

阅读原文 

目录

• 一、总结
  • 一句话总结：vm层（视图模型层）通过接口从后台m层（model层）请求数据，vm层继而和v（view层）实现数据的双向绑定。
  • 1、我大前端应该不应该做复杂的数据处理的工作/li>
  • 2、mvc和mvvm的关系/li>
  • 3、MVVM框架编码实例/li>
  • 4、前端框架MVVM出现的最大意义是什么/li>
  • 5、应用MVVM框架的vue.js框架的最主要作用是什么/li>
  • 6、前端框架MVVM中的vm层是干嘛的/li>
  • 7、MVVM最主要的特征是什么/li>
• 二、MVVM百度百科
• 三、前后端分手大师——MVVM 模式（转）
  • 简而言之
  • 组成部分
  • 没有什么是一个栗子不能解决的
• 四、不要听吹牛逼什么前端MVVM框架就是好，其实都是一帮没学好分层设计的搞出来的，让你彻底看清前端MVVM的本质（转）
• 五、MVVM核心概念（转）

回到顶部

v   一、总结（点击显示或隐藏总结内容）

一句话总结：vm层（视图模型层）通过接口从后台m层（model层）请求数据，vm层继而和v（view层）实现数据的双向绑定。

1、我大前端应该不应该做复杂的数据处理的工作/h3>

不应该

只要后端保证对外接口足够简单就行了，我请求api，你把数据返出来，咱俩就这点关系，其他都扯淡。

后端：我们这里的业务逻辑和数据处理会非常复杂！
前端：关我屁事！

后端业务处理再复杂跟我们前端也没有半毛钱关系，只要后端保证对外接口足够简单就行了，我请求api，你把数据返出来，咱俩就这点关系，其他都扯淡。

所以我这边开发也是同样的，前端就负责请求api就好，别的都不需要。

2、mvc和mvvm的关系/h3>

改进版

数据分离

视图模型层

c（控制层）被换成了vm（viewmodel）层

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。

mvvm层实现了前后端更好的分离（前端需要的数据只需要请求后端的接口即可）

3、MVVM框架编码实例/h3>

扯了这么多，并没有什么卵用。千言万语不如一个栗子来的干脆，下面用一个 Vue 实例来说明 MVVM 的具体表现。

Vue 的 View 模板：

来源：程宇寒