关于前端:MVC-设计模式与-MVVM-设计模式

59次阅读

共计 667 个字符,预计需要花费 2 分钟才能阅读完成。

1. 为什么要应用 Vue 框架?

总结来看,最大的长处就是不必本人实现简单的 DOM 操作了,而由框架帮咱们去实现(MVVM 设计模式)

2. MVC
graph TD
    A[Controller Servlet] -->| 接管到申请之后进行解决 | B(Model Beans)
    B[Model Beans] -->| 解决的时候就会波及到数据操作 | C(View JSP)
    C[View JSP] -->| 通过数据的增删改查要跟视图相结合 | D(Client Browser)
    D[Client Browser] -->| 通过数据的增删改查要跟视图相结合 | E(Controller Servlet)
3. MVVM
MVVM 是由 MVC 演变而来的,因为前端的复杂度的晋升,缓缓开始将前后端进行拆散,不须要后端来将数据和模板进行联合,而后展现在客户端上了,而只须要后端将数据响应给前端,前端拿到数据之后再做大量的解决,而后将数据和视图联合起来。随后前端也开始风行 MVC 的设计模式,经典的前端 MVC 设计模式 backboneMVC

  • backboneMVC 毛病
    1. 多视图和多数据的时候交互是十分凌乱的,导致整个架构是不清晰的
    2.V 层和 M 层是能够间接交互的,导致 C 层十分的薄,C 层变成了可有可无了

    2009 年诞生了 Angular.js 应用的是 MVVM 模式,禁止 Model 和 View 层间接进行通信,应用 ViewModel 层进行直达

    Vue 尽管没有齐全遵循 MVVM 模型 (容许 View 和 Model 间接进行通信),然而 Vue 的设计也受到了它的启发。因而在文档中常常会应用 vm(ViewModel 的缩写)这个变量名示意组件实例。

正文完
 0