[vue的小知识]mvvm 和 mvc 区别是什么?哪些场景适合?

1.MVVM 基本定义

MVVM 即 Model-View-ViewModel 的简写。即模型-视图-视图模型。

模型 (Model)指的是后端传递的数据。视图(View)指的是所看到的页面。
视图模型 (ViewModel)是 mvvm 模式的核心,它是连接 view 和 model 的桥梁。
它有两个方向:
一是将模型(Model)转化成视图(View),即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。
二是将视图(View)转化成模型(Model), 即将所看到的页面转化成后端的数据。实现的方式是:DOM 事件监听。
这两个方 向都实现的,我们称之为数据的双向绑定

2.  MVC 基本定义

MVC 是 Model-View- Controller 的简写。即模型-视图-控制器。

C 即 Controller 指的是页面业务逻辑。

使用 MVC 的目的就是将 M 和 V 的代码分离。MVC 是单向通信。

MVVM 实现的是业务逻辑组件的重用,使开发更高效,结构更清晰,增加代码的复用性。

3. 使用场景

MVC 和 MVVM 其实区别并不大。都是一种设计思想。

MVVM 主要解决了 MVC 中大量的 DOM 操作使页面渲染性能降低,加载速度变慢,影响用户体验。
区别:Vue 数据驱动,通过数据来显示视图层而不是节点操作。
场景:数据操作比较多的场景,需要大量操作 DOM 元素时,采用 MVVM 的开发方式,会更加便捷.

Guess you like

Origin blog.csdn.net/weixin_58726419/article/details/121184698