什么是MVVM?

简介: MVVM,是Mode1-View-ViewModel的简写,是M/-V-VM三部分组成。它本质上就是MVC的改进版。MVVM就是将其中的View的状态和行为抽象化,其中ViewModel将视图U和业务逻辑分开,它可以取出Model的数据间时帮忙处理View中由于需要展示内容而涉及的业务逻辑

MVVM,是Mode1-View-ViewModel的简写,是M/-V-VM三部分组成。它本质上就是MVC的改进版。MVVM就是将其中的View的状态和行为抽象化,其中ViewModel将视图U和业务逻辑分开,它可以取出Model的数据间时帮忙处理View中由于需要展示内容而涉及的业务逻辑


介绍:


MVVM即Mode1-View-'ViewModel的简写。即模型-视图-视图模型。2..模型(Model)指的是后端传递的数据。


构成:


模型(model)在vue中指数据


视图(View)指的是所看到的页面。


视图模型(ViewMode1)是 mwvm模式的核心,它是连接view和model的桥梁。它有两个方向:


原理:


一是将模型(Model)转化成视图(View),即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。


二是将视图(View)转化成模型(Mode1),即将所看到的页面转化成后端的数据。实现的方式是:DOM事件监听。这两个方向都实现的;我们称之为数据的双向绑定口。"


目的:


项目复杂度越来越高之后,MVC中的Controler会变得越来越臃肿,难以维护,所以将其中的数据和逻辑处理抽离出的MVVM更佳


监听方式:


 vue3.0中,使用proxy替换了原来遍历对象使用Object.defineProperty方法给属性添加set/get


 vue的核心能力之一是监听用户定义的状态变化并响应式刷新DOM


 vue2是通过替换状态对象属性的getter和setter来实现的,vue3则通过proxy进行


 改为proxy后,可以突破vue当前的限制,解决之前vue2的无法监听新增属性,还能提供更好的性能表现


这是因为vue2的监听无法做到完全监听(数组里发生变化时无法完全监听)


目录
相关文章
|
JavaScript 前端开发 设计模式
什么是MVVM
什么是MVVM
|
7月前
|
前端开发
什么是MVVM架构?
MVVM是Model-View-ViewModel的简写。它本质上就是MVC的改进版。MVVM模式有助于将应用程序的业务和表示逻辑与用户界面 (UI) 清晰分离。 保持应用程序逻辑和UI之间的清晰分离有助于解决许多开发问题,并使应用程序更易于测试、维护和演变。 它还可以显著提高代码重用机会,并允许开发人员和UI设计人员在开发应用各自的部分时更轻松地进行协作。
119 2
|
3月前
|
开发框架 前端开发 JavaScript
|
7月前
|
前端开发 JavaScript 编译器
一个简单的MVVM
一个简单的MVVM
|
7月前
|
前端开发 JavaScript 架构师
什么是 MVVM?
什么是 MVVM?
73 0
|
存储 前端开发 测试技术
mvvm讲解
mvvm讲解
62 0
|
JavaScript 前端开发
实现一个自己的MVVM(二)
实现一个自己的MVVM
58 0
|
JavaScript 前端开发 容器
实现一个自己的MVVM(一)
实现一个自己的MVVM
73 0
|
前端开发 JavaScript 数据可视化
深入理解MVVM架构模式
深入理解MVVM架构模式
1088 0
|
敏捷开发 前端开发 测试技术