对mvvm的简单理解

it2026-09-25  17

mvvm模式 响应式,双向数据绑定。核心思想是数据驱动。指(数据层)Model-(视图层)View-(数据视图)ViewModel的响应式框架。 特点: 修改视图层,数据层对应数据发生变化。 数据层数据变化,不需要查找dom,直接更新视图层。

MVVM作为数据绑定的入口,整合数据监听器Observer(监听自己和model数据变化)、指令解析器Compile(解析编译模板指令)和watcher(搭建起observer和compile之间的通信桥梁)三者达到数据变化–>视图更新,视图交互变化(input)–>数据model变更的双向绑定效果。

效果:

打开页面如下

修改输入框的内容

点击按钮改变输入框内容

最新回复(0)