1.1.3 什么是Vue

Vue（读音/vjuː/，音同view）是一套用于构建用户界面的渐进式框架，可以自底向上逐层应用。其核心库只关注视图层，易于上手，便于与第三方库或既有项目整合。与现代化的工具链以及各种支持类库结合使用时，Vue能够完全为复杂的单页应用提供驱动。

Vue.js提供了一个MVVM（Model View ViewModel的简写）模式的双向数据绑定JavaScript库。MVVM是Presentation Model设计模式的演变，与Presentation Model一样，MVVM抽象了视图（View）的状态和行为，但是，简化了用户界面的事件驱动编程方式，更专注于View层。其核心是MVVM中的视图模型（ViewModel, VM）层，VM负责连接视图层和模型层（Model），提供对View和ViewModel的双向数据绑定，能够保证视图和数据的一致性，让前端开发更加高效、便捷。

MVVM模式如图1-1所示，Vue实际对应其中的VM，因此，在官方文档中经常可以看到使用vm这个变量名来表示Vue实例。视图层代表视图、模板，负责将数据模型转化为UI展现出来。模型层代表模型、数据，可以定义数据修改和操作的业务逻辑。视图模型层连接视图和模型，通过双向数据绑定将视图层和模型层连接起来，视图层通过视图模型层从模型层获取数据并进行显示，模型层通过视图模型层获取视图层数据并进行处理。通过视图模型层，视图层和模型层数据实现了自动同步，开发者不再需要手动操作DOM，只需要关注业务逻辑即可，复杂的数据状态维护交给MVVM来统一管理，大大简化了应用的开发。

图1-1 MVVM模式