理解mvvm和mvc

2023-01-11 20:40:14 浏览数 (1)

MVC

MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用程序的模式。 代表框架:AngularJS <br/>

  • Model(模型) 是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据。
  • View(视图) 是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的。
  • Controller(控制器) 是应用程序中处理用户交互的部分。通常控制器负责从视图读取数据,控制用户输入,并向模型发送数据。

优点:

  • 部署快:

使用MVC模式使开发时间得到相当大的缩减,它使程序员(Java开发人员)集中精力于业务逻辑,界面程序员(HTML和JSP开发人员)集中精力于表现形式上。

  • 可维护性高:

分离视图层和业务逻辑层也使得WEB应用更易于维护和修改。

缺点:

不适合小型,中等规模的应用程序。

MVVM

MVVM是Model-View-ViewModel缩写,也就是把MVC中的Controller演变成ViewModel。Model层代表数据模型,View代表UI组件,ViewModel是View和Model层的桥梁,数据会绑定到viewModel层并自动将数据渲染到页面中,视图变化的时候会通知viewModel层更新数据。(双向绑定)

mvvm框架代表:VUE

react既不是mvc也不是mvvm:

React是一个单向数据流的库,状态驱动视图。

代码语言:javascript复制
1State --> View --> New State --> New View

可以理解为,react 就是一个 dom 拼接工具,把数据拼成新 dom 替换旧 dom 。当然,它性能很高,会尽可能复用 dom 来提高性能。

0 人点赞