众所周知，传统的前端Web开发离不开三件套 HTML、CSS以及JavaScript。
由HTML 负责页面的整体架构，CSS负责美化渲染，而JavaScript则负责处理页面的逻辑。
HTML 的结构依赖于 DOM（Document Object Model） 这样的树形结构，而JavaScript 的逻辑处理操作更多的是对 Dom 节点的操作。为了更好的处理与DOM 节点的交互，出现了像 JQuery 这样优秀的前端框架。
除了传统的前端Web开发以外，还有Web 应用开发基本也遵循 MVC（Model-View-Controller） 的开发模式，基本上View端作为普遍认为的前端领域，无非就是操作DOM 对后端提供的数据进行展示。
随着Web浪潮的迅速发展，人们发现，传统的前端开发模式暴露了以下三个痛点：
- 对DOM节点的操作（频繁地调用相同的DOM API），处理繁琐，操作冗余，使得代码难以维护。
- 大量的DOM操作使页面渲染性能降低，加载速度变慢，影响用户体验。
- 当 Model 频繁发生变化，开发者需要主动更新到View ；当用户的操作导致 Model 发生变化，开发者同样需要将变化的数据同步到Model 中，这样的工作不仅繁琐，而且很难维护复杂多变的数据状态。
为了解决以上问题，Vue.js 横空出世，与React.js，Angular.js并称前端三辆马车。正因为他们的出现，使得单页面应用程序的开发难度大大降低。
Vue.js 采用MVVM（Model-View-ViewModel）的思想，将 Controller 端拓展为ViewModel。
Model 层依然代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel是一个同步View 和 Model的对象。
在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewModel 之间的交互是双向的， 因此View 数据的变化会同步到Model中，而Model 数据的变化也会立即反应到View 上。ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来，而View和Model 之间的同步工作完全是自动的，无需人为干涉，因此开发者只需关注业务逻辑，不需要手动操作DOM, 不需要关注数据状态的同步问题，复杂的数据状态维护完全由 MVVM来统一管理。
Vue.js可以说是MVVM 架构的最佳实践，专注于 MVVM中的 ViewModel，不仅做到了数据双向绑定，而且也是一款相对比较轻量级的JS库，API简洁，学习门槛也不高。Vue.js 有许多强大的特征：
- 组件：为了更好地管理一个大型的应用程序，往往需要将应用切割为小而独立、具有复用性的组件。在Vue中，组件是基础HTML元素的拓展，可方便地自定义其数据与行为。
- 模板：Vue使用基于HTML的模板语法，允许开发者将DOM元素与底层Vue实例中的数据相绑定。所有Vue的模板都是合法的HTML，所以能被遵循规范的浏览器和HTML解析器解析。在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应式系统，在应用状态改变时，Vue能够智能地计算出重新渲染组件的最小代价并应用到DOM操作上。
- 响应式设计（数据的双向绑定）：响应式是指MVC模型中的视图随着模型变化而变化。在Vue中，开发者只需将视图与对应的模型进行绑定，Vue便能自动观测模型的变动，并重绘视图。这一特性使得Vue的状态管理变得相当简单直观。
- 过渡效果：Vue在插入、更新或者移除DOM时，提供多种不同方式的应用过渡效果。
- 单文件组件：为了更好地适应复杂的项目，Vue支持以.vue为扩展名的文件来定义一个完整组件，用以替代使用Vue.component注册组件的方式。开发者可以使用 Webpack或Browserify等构建工具来打包单文件组件。
目前，前端三大框架已经成为主流趋势。现在，Vue.js 在GitHub 上star 数为120，148。高于React和Angular,而且发张势头不减。现在，Vue.js 作者尤雨溪正在紧锣密鼓地开发Vue3.0，相信第三版的发布，无论是在性能还是在开发效率上，都将会有所飞跃。