mvvm模式
响应式,双向数据绑定。核心思想是数据驱动。指(数据层)Model-(视图层)View-(数据视图)ViewModel的响应式框架。
特点:
修改视图层,数据层对应数据发生变化。
数据层数据变化,不需要查找dom,直接更新视图层。
MVVM作为数据绑定的入口,整合数据监听器Observer(监听自己和model数据变化)、指令解析器Compile(解析编译模板指令)和watcher(搭建起observer和compile之间的通信桥梁)三者达到数据变化–>视图更新,视图交互变化(input)–>数据model变更的双向绑定效果。
效果:
打开页面如下
修改输入框的内容
点击按钮改变输入框内容