Vue2.0 了解一下

什么是 Vue

Vue 是一个前端框架，特点是
数据绑定

比如你改变一个输入框 Input 标签的值，会自动同步更新到页面上其他绑定该输入框的组件的值

image

---

组件化

页面上小到一个按钮都可以是一个单独的文件.vue
这些小组件直接可以像乐高积木一样通过互相引用而组装起来

image.png

---

vue2.0搭建环境依赖的工具

image.png

---

vue 内部组建

• ES6+
• node & npm & package.json
• Rollup（这东西要比webpack容易上手的多）
  • 英文文档
  • 中文文档
• flow 类型检查 是 facebook 出品的 JavaScript 静态类型检查工具
  • flow

由于 Vue 的源码采用 ES6，所以你至少应该掌握 ES6 才能看得懂，其次你最好对 package.json 中的字段的作用有所了解。由于 Vue 使用 Rollup 构建，所以你不了解 Rollup 的话，你就看不懂 Vue 的构建配置，最后 Vue 采用 flow 做类型系统，最起码就应该知道 flow 的简单语法，否则会影响你看源码。

---

VUE 框架图

image.png

---

VUE 项目 目录参考

image.png

项目来源于https://github.com/hicoldcat

---

image.png

参考文章

作者 Evan You Github https://github.com/yyx990803
Vue github https://github.com/vuejs/vue
Vue 2.0 https://cn.vuejs.org/
Vue - cli 3.0 :https://cli.vuejs.org/
Vue技术内幕 http://hcysun.me/vue-design/
Vue.js 技术揭秘 https://ustbhuangyi.github.io/vue-analysis/
Vue2.0 环境搭建到发布 http://www.runoob.com/w3cnote/vue2-start-coding.html

参考demo
Vue 饿了么 wap,pc,admin https://github.com/bailicangdu
Vue 和React https://github.com/hicoldcat/
滴滴 移动端组件库 cube-ui https://www.imooc.com/article/21117