第1章 MVX模式与Vue.js

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

1.1 MVX模式

1.1.1 MVC模式

MVC是应用最广泛的软件架构之一，分为 Model 模型，Controller 控制器，View视图。基于分层目的，让彼此职责分开。

view通过Controller联系Model，Controller是View和Model的协调者
View和Model不直接联系，基本联系是单向的。

用户通过操作Controller来操作Model以改变View

参考 MVC模式简介

在网页当中，

V即View视图是指用户看到并与之交互的界面。比如由html元素组成的网页界面，或者软件的客户端界面。MVC的好处之一在于它能为应用程序处理很多不同的视图。在视图中其实没有真正的处理发生，它只是作为一种输出数据并允许用户操纵的方式。

M即model模型是指模型表示业务规则。在MVC的三个部件中，模型拥有最多的处理任务。被模型返回的数据是中立的，模型与数据格式无关，这样一个模型能为多个视图提供数据，由于应用于模型的代码只需写一次就可以被多个视图重用，所以减少了代码的重复性。

C即controller控制器是指控制器接受用户的输入并调用模型和视图去完成用户的需求，控制器本身不输出任何东西和做任何处理。它只是接收请求并决定调用哪个模型构件去处理请求，然后再确定用哪个视图来显示返回的数据。

用户首先在界面中进行人机交互，然后请求发送到控制器，控制器根据请求类型和请求的指令发送到相应的模型，模型可以与数据库进行交互，进行增删改查操作，完成之后，根据业务的逻辑选择相应的视图进行显示，此时用户获得此次交互的反馈信息，用户可以进行下一步交互，如此循环。

1.1.2 MVP模式

MVP是从MVC演变的，相同之处在于：Controller/Presenter 负责逻辑处理， Model提供数据，View负责显示。

  • 在MVP中，Presenter（呈现器）完全分离了View和Model，主要的程序逻辑在Presenter里实现，View和Model通过Presenter通信。

  • Presenter与具体的View没有直接关联，通过定义好的接口交互数据，可以在变更View时保持Presenter不变

1.1.3 MVVM

MVVM的代表框架有Google的AngularJS，Vue.js等

  • 相比于MVC和MVP，MVVM只是把Controller、Presenter 转换为 ViewModel。

  • MVVM的核心是提供对View 和 ViewModel 的双向数据绑定，这使得View的变化会自动更新到ViewModel，ViewModel的变化也会自动更新到View上显示，即所谓的数据双向绑定。

  • ViewModel中的属性实现了Observer，属性变更时触发对应的操作。

  • 参考 https://www.cnblogs.com/goloving/p/8520030.html

以上是 第1章 MVX模式与Vue.js 的全部内容， 来源链接： utcz.com/z/377679.html

回到顶部