Vue是什么？

Vue是一套用于构建用户界面的渐进式Javascript框架。

特点

1. 采用组件化模式，提高代码复用率、且让代码更好的维护。
2. 声明式编码，让编码人员无需直接操作DOM，提高开发效率。
3. 使用虚拟DOM，提高复杂页面数据的渲染效率。
4. 采用响应式数据，当数据发生变化时，视图会自动更新。
5. 使用模板语法，让视图和数据进行解耦，直观描述 HTML 输出与 JavaScript 数据的关系。

渐进式框架

Vue.js 是一个渐进式框架，也就是说，从零开始使用 Vue.js 也是可以的，只需要引入 Vue.js 的核心库，就可以在项目中使用 Vue.js 的一些功能。 但是，当需要使用 Vue.js 的一些高级功能时，需要引入一些辅助库，比如：

• vue-router：用于实现单页应用的路由功能。
• vuex：用于实现集中式数据管理。
• axios：用于实现与服务端进行异步通信的功能。
• element-ui：用于实现一些常用组件，比如：按钮、表格、分页等。
• vue-cli：用于快速搭建 Vue.js 项目。
• vue-template-compiler：用于编译模板。
• vue-loader：用于加载 Vue.js 组件。
• webpack：用于打包 Vue.js 项目。
• ...

笔记

1. 想让 Vue 工作，就必须创建一个 Vue 实例，且要传入一个配置对象；
2. root 容器里的代码依然符合 html 规范，只不过混入了一些特殊的 Vue 语法；
3. root 容器里的代码被称为【Vue 模板】；
4. Vue 实例和容器是一一对应的；
5. 真实开发中只有一个 Vue 实例，并且会配合着组件一起使用；
6. 中的 xxx 要写 js 表达式，且 xxx 可以自动读取到 data 中的所有属性；
7. 一旦 data 中的数据发生改变，那么模板中用到该数据的地方也会自动更新；