浅谈MVVM

MVVM是一种软件架构模式,它通过ViewModel连接Model和View,实现数据的双向绑定。数据绑定使得后端数据能自动更新到页面,而DOM事件监听则将用户交互转化为后端数据。ViewModel作为桥梁,监听数据变化并更新视图,同时响应视图变化更新数据,确保Model和View的同步。这种模式在前端开发中广泛应用,提高了开发效率和代码的可维护性。
摘要由CSDN通过智能技术生成

MVVM是Model-View-ViewModel的简写,即:模型-视图-视图模型
【模型】:后端传递的数据
【视图】:所看到的页面
【视图模式】:MVVM模式的核心,是连接view和model的桥梁

有两个方向:

一是将【模型】转化为【视图】,即:后端传递的数据转化为所看到的页面
实现方式:数据绑定。
二是将【视图】转化为【模型】,即:将所看到的页面转化为后端数据
实现方式:DOM事件监听

如两个方向都实现,称为:数据的双向绑定。

在MVVM的框架中,视图和模型是不能直接通信的,通过ViewModel通信,ViewModel通常要实现一个observer观察者。
当数据发生变化,ViewModel能够监听到数据的变化,然后给到对应的视图做自动更新。
当用户操作视图,ViewModel也能监听到视图的变化,然后通知数据做改动。
这实际上实现了数据的双向绑定,并且MVVM中的 View 和 ViewModel 可以互相通信。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

卷不动的小毛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值