1.1　什么是Vue.js

1.1.1　Vue.js简介

Vue.js是一套用于构建用户界面的渐进式框架。与其他重量级框架不同的是，它只关注视图层，采用自底向上增量开发的设计。Vue.js的目标是通过尽可能简单的API来实现响应的数据绑定和组合的视图组件。它不仅容易上手，还非常容易与其他库或已有项目进行整合。

Vue.js实际上是一个用于开发Web前端界面的库，其本身具有响应式编程和组件化的特点。所谓响应式编程，即保持状态和视图的同步。响应式编程允许将相关模型的变化自动反映到视图上，反之亦然。

和其他前端框架一样，Vue.js同样拥有“一切都是组件”的理念，它将一个网页分割成多个可复用的组件，效果如图1.1所示。

图1.1　组件化示意图

应用组件化的特点，可以将任意封装好的代码注册成标签，这样就在很大程度上减少了重复开发，提高了开发效率和代码复用性。如果配合Vue.js的周边工具vue-loader，就可以将一个组件的HTML、CSS和JavaScript代码都写在一个文件当中，这样可以实现模块化的开发。