1.6.2　面试技巧与解析（二）

面试官：在Vue.js中怎么理解MVVM模式？

应聘者：

MVVM是Model View ViewModel的缩写。其中Model、View、ViewModel的作用分别如下。

（1）Model代表数据模型，可以在Model中定义数据修改和操作的业务逻辑。

（2）View代表UI组件，负责将数据模型转换成UI展现出来。

（3）ViewModel监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View和Model的对象，连接Model和View。在MVVM架构下，View和Model之间并没有直接的联系，而是通过ViewModel进行交互。Model和ViewModel之间的交互是双向的，因此View数据的变化会同步到Model中，而Model数据的变化也会立即反映到View上。ViewModel通过双向数据绑定把View层和Model层连接了起来，而View和Model之间的同步工作完全是自动的，无须人为干涉，因此开发者只需关注业务逻辑，不需要手动操作DOM、不需要关注数据状态的同步问题，复杂的数据状态维护完全由MVVM统一管理。