什么是 Vue
Vue 是一个前端框架,特点是
数据绑定
比如你改变一个输入框 Input 标签的值,会自动同步更新到页面上其他绑定该输入框的组件的值
组件化
页面上小到一个按钮都可以是一个单独的文件.vue
这些小组件直接可以像乐高积木一样通过互相引用而组装起来
vue2.0搭建环境依赖的工具
vue 内部组建
- ES6+
- node & npm & package.json
- Rollup(这东西要比webpack容易上手的多)
- flow 类型检查 是 facebook 出品的 JavaScript 静态类型检查工具
由于 Vue 的源码采用 ES6,所以你至少应该掌握 ES6 才能看得懂,其次你最好对 package.json
中的字段的作用有所了解。由于 Vue 使用 Rollup
构建,所以你不了解 Rollup
的话,你就看不懂 Vue 的构建配置,最后 Vue 采用 flow
做类型系统,最起码就应该知道 flow
的简单语法,否则会影响你看源码。
VUE 框架图
VUE 项目 目录参考
项目来源于https://github.com/hicoldcat
参考文章
作者 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