MVVM
前后台分离开发中的前端思想 MVVM
- M（Model层）代表的是模型、数据，可以在Model层中定义数据修改和操作的业务逻辑。
- V（View层）代表的是视图、模版，负责将数据模型转化为UI展现出来。
- VM（ViewModel层）表示视图模型，负责把Model的数据同步到View显示出来，还负责把View的修改同步回Model
React、Vue、AngularJS中主要应用的就是MVVM思想。
在MVVM的架构下，View层和Model层并没有直接联系，而是通过ViewModel层进行交互。ViewModel层通过双向数据绑定将View层和Model层连接了起来，使得View层和Model层的同步工作完全是自动的。因此开发者只需关注业务逻辑，无需手动操作DOM，复杂的数据状态维护交给MVVM统一来管理。在Vue.js中MVVM的体现：