Vue（1）

Vue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。

vue是轻量级的，它有很多独立的功能或库，可以根据项目来选用vue的一些功能。

Vue的特点 遵循MVVM模式

编码简洁，体积小，运行效率高，适合移动/PC端开发

它本身只关注UI，可以引入其它第三方库开发项目

Vue周边库

• vue-cli：vue脚手架
• vue-resource
• axios
• vue-router：路由
• vuex：状态管理
• element-ui：基于vue的UI组件库（PC端）

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

• Vue中有2种数据绑定的方式：

  1. 单向绑定（v-bind）：数据只能从data流向页面
  2. 双向绑定（v-model）：数据不仅能从data流向页面，还可以从页面流向data