第一章 初识 Vue.js

1、Vue 提供了现代 Web 开发中常见的高级功能，比如：解耦视图与数据、可复用的组件、前端路由、状态管理、虚拟 DOM （Virtual DOM）等。

2、Vue 在设计上也使用了 MVVM（Model - View - ViewModel）模式，该模式是由经典的软件架构 MVC 衍生而来，当 View（视图层）变化时，会自动更新到 ViewModel（视图模型层），反之亦然，二者之间通过双向绑定建立联系。

MVC 与 MVVM 的区别：
MVC 是比较直观的架构模式，用户操作 => View（负责接收用户的输入操作）=> Controller（业务逻辑处理）=>Model（数据持久化）=> View（将结果反馈给 View）。
MVVM 是将“双向绑定”的思想作为核心，在 View 和 Model 之间是没有直接联系的，二者通过 ViewModel 进行交互，Model 和 ViewModel 之间的交互是双向的，因此视图的数据变化会同时修改数据源，而数据源的变化也会立即反应到 View 上。

3、传统前端开发模式：
“万金油”技术栈：jQuery + RequireJS（SeaJS）+ artTemplate（doT）+ Gulp（Grunt）
RequireJS（SeaJS）进行模块化开发解决代码依赖混乱问题，便于维护及团队协作；
artTemplate（doT）将数据与 HTML 模板分离；
Gulp（Grunt）自动化构建工具合并压缩代码，也可以对 Less、Sass、ES 6 进行预编译。