MVVM这个你必须要了解下

简介: 系列

说明:本章内容是博主的Vue学习笔记,以官方文档为准。

MVVM模式

MVVM模式,M即 model,数据模型;V即 view,视图;VM即 view-model,视图模型。

理解

首先,数据Model通过Data Bindings把数据绑定在View视图上,

当View视图有交互(有改变)的时候,Dom listeners会自动监听,然后更新数据Model。

Q:什么是MVVM模式?

A:MVVM模式,第一个M代表数据模型,V代表视图,VM代表视图模型;
它的实际操作原理是:后台数据通过视图模型来渲染视图,就是页面。当用户在页面上进行操作的时候,
视图模型会自动监听到用户的操作,从而改变后台数据。

相关文章
|
JavaScript 前端开发 设计模式
什么是MVVM
什么是MVVM
|
7月前
|
前端开发
什么是MVVM架构?
MVVM是Model-View-ViewModel的简写。它本质上就是MVC的改进版。MVVM模式有助于将应用程序的业务和表示逻辑与用户界面 (UI) 清晰分离。 保持应用程序逻辑和UI之间的清晰分离有助于解决许多开发问题,并使应用程序更易于测试、维护和演变。 它还可以显著提高代码重用机会,并允许开发人员和UI设计人员在开发应用各自的部分时更轻松地进行协作。
115 2
|
3月前
|
开发框架 前端开发 JavaScript
|
7月前
|
前端开发 JavaScript 编译器
一个简单的MVVM
一个简单的MVVM
|
7月前
|
前端开发 JavaScript 架构师
什么是 MVVM?
什么是 MVVM?
71 0
|
前端开发 JavaScript
什么是MVVM?
MVVM,是Mode1-View-ViewModel的简写,是M/-V-VM三部分组成。它本质上就是MVC的改进版。MVVM就是将其中的View的状态和行为抽象化,其中ViewModel将视图U和业务逻辑分开,它可以取出Model的数据间时帮忙处理View中由于需要展示内容而涉及的业务逻辑
120 0
|
存储 前端开发 测试技术
mvvm讲解
mvvm讲解
57 0
|
JavaScript 前端开发 容器
实现一个自己的MVVM(一)
实现一个自己的MVVM
70 0
|
JavaScript 前端开发
实现一个自己的MVVM(二)
实现一个自己的MVVM
58 0
|
前端开发 JavaScript 数据可视化
深入理解MVVM架构模式
深入理解MVVM架构模式
1075 0