1.1.2　MVVM开发模式

Vue.js采用的是MVVM（Model-View-ViewModel）的开发模式，它本质上是MVC模式的改进版。在MVVM模式中，Model代表数据模型，可以在Model中定义操作数据的业务逻辑。View代表UI组件，它负责将数据模型转化成UI并展现出来。ViewModel用于监听数据的改变并处理用户交互。在MVVM架构下，View和Model之间并没有直接的联系，而是通过ViewModel进行交互。ViewModel通过双向数据绑定把View层和Model层连接起来，而View和Model之间可以自动实现同步，因此开发者只需关注业务逻辑，不需要手动操作DOM，也不需要关注数据状态的同步问题，数据状态的维护完全由MVVM来统一管理。

与传统的MVC开发模式不同，MVVM将MVC中的Controller改成了ViewModel。在这种模式下，View的变化会自动更新到ViewModel中，而ViewModel的变化也会自动同步到View上并进行显示。ViewModel模式的示意图如图1.2所示。

图1.2　ViewModel模式的示意图