1,vue是什么?
前端3大集成开发框架之一。(angular,vue,react)(vue最简单,适合优先使用;react更重量级;angular忽略)
2,vue基础:
html,css,js; h5,css3,es6;
3,环境:
开发环境:nodejs; ---win7/10运行环境;
发布环境:nginx; ---linux,windows都可以做发布,有相应的版本nginx
~
工具使用:
webstorm;---功能强大,需要破解;
Sublime Text3;---免费,使用简单,功能简单;
vscode;---免费的,功能也强大,微软的;
4,基本组件:
vue-cli --脚手架
vue-resource --http请求插件
vuex; ---状态管理使用;
axios; ---请求库; | 取代上面的vue-resource
webpack; ---打包
5,参考1:-vue基础知识
中文官网,
https://cn.vuejs.org
菜鸟教程,
http://www.runoob.com/vue2/vue-tutorial.html
6,参考2:-es6学习
官网:
https://babeljs.io/
https://babeljs.io/learn-es2015/
参考文章:
http://www.jianshu.com/p/ebfeb687eb70
https://segmentfault.com/a/1190000004365693
教程:
深入浅出ES6(二):迭代器和for-of循环
http://www.infoq.com/cn/articles/es6-in-depth-iterators-and-the-for-of-loop?utm_source=infoq&utm_campaign=user_page&utm_medium=link
~
ECMAScript 6 入门
http://es6.ruanyifeng.com/
学习顺序:
·参考文章2; ---简单;
·深入浅出ES6 ---初步;
·ECMAScript 6 入门 ---中级;
·官网文档; ---高级;
7,参考2:-pc开发
Ui组件:
Element 饿了么的, ---pc网页就用这个;
https://github.com/ElemeFE/element
一个后台:
https://github.com/PanJiaChen/vue-element-admin/blob/master/README.zh-CN.md
8,参考3:-移动开发
vue移动端组件:
//手机端h5开发,手机浏览器打开;
Vux;12.9k+;
muse-ui;6k+; -使用这个和vux;
////////////////////////////////////////////////////////////////////////////////////////////////////
11,vue基础知识:
模板语法;
表单输入绑定;
事件处理;
条件;
列表;
Class 与 Style 绑定;
~
组件;
~
路由;
12,es6相关:
网友评论