MVVM
MVVM - Model View ViewModel,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得 ViewModel 的状态改变可以自动传递给 View,即所谓的数据双向绑定。
- M(模型 Model):Model层代表的是模型、数据,可以在Model层中定义数据修改和操作的业务逻辑。
- V(视图 View):View层代表的是视图、模版,负责将数据模型转化为UI展现出来。
- VM(视图模型 ViewModel):MVVM模式的核心,它是连接view和model的桥梁,包括
DOM Listenters(DOM 事件监听)和Data bindings(数据绑定),前者实现了页面与数据的绑定,当页面操作数据的时候 DOM 和 Model 也会发生相应的变化。后者实现了数据与页面的绑定,当数据发生变化的时候会自动渲染页面。
Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库,专注于 View 层。它的核心是 MVVM 中的 VM,也就是 ViewModel,负责连接 View 和 Model,保证视图和数据的一致性。