-
VUE 学习路线
2018-12-23 14:06:58分享VUE学习路线 前言：原生JS基础较差的可以先去补红宝书，ES6不熟悉的我建议先别接触VUE，先去看完ES6再去学VUE会容易十分多。 官方文档刷一遍，前期只看官方文档就足够了，还有前期别用cli脚手架创建项目去学，...展开全文分享VUE学习路线
- 前言：原生JS基础较差的可以先去补红宝书，ES6不熟悉的我建议先别接触VUE，先去看完ES6再去学VUE会容易十分多。
- 官方文档刷一遍，前期只看官方文档就足够了，还有前期别用cli脚手架创建项目去学，不然可能一上来接受不了。前期直接用script标签引入js跟着官网写基础demo就好。看完一遍文档对组件概念依然不清晰是没关系的，这个得靠实战视频去理解（可以的话建议多刷一两次官方文档再去看视频）。还有生命周期的图片保存下来，虽然这个阶段可能理解不深，但是真的是十分重要。随着后面的学习再继续回味。
- 官方文档刷完基础的部分就可以先停下来去看实战视频。（即官网的VUE生态系统可以先放着不看，刷完视频后再去看）
- 初级入门 VUE 这里推荐慕课网的一个仿去哪儿的视频，dell 老师讲课逻辑十分清晰，入门VUE十分适合，从视频里可以学习到很多东西，不单止VUE的知识。学完整个去哪儿实战视频之后基本对组件化开发，路由等有较为清晰的概念。虽然视频里也有用到VUEX，但是这个点总体来说依然十分模糊。
- 接下来继续回官方文档看教程，重新刷一遍基础教程，结合视屏里学到的再去加深理解，看完后就可以接着去看VUE生态系统里的VUE - ROUTER 了，router这里需要用心去开，知识点还是十分多的并且有用的。子路由，alias，redirect等，学会如何用meta做用户权限限制，还有导航守卫几个hooks要知道。至于 VUEX 依然可以先跳过，此时对VUEX的理解其实依然十分薄弱。
- 上面步骤做完后，对于简单的项目用VUE开发基本不会有太大问题了，所以此时应该自己去开发一个简单的项目，这里可以运用上子路由，权限控制等相对高级一点的知识。并且在项目里学会如何对一些工具进行基础封装（如我在这一步对axios进行了一些基础的封装，可以在任何地方直接通过vue.$get / $post进行http请求，对element-ui的消息提示进行了一些基础封装，调用只需要传入message即可，具体封装看你开发项目时的需求），然后在这里可以还可以学到一些utils封装，知道如何export出一个可以直接通过Vue.use(util)的工具。这里项目开发过程要是没有后端配合，可以自己在本地mock一些基础数据，相信在去哪儿实战中也知道如何mock了，可以有后台配合的情况下建议还是直接跟后台配合开发，因为这会让你更真实的模拟项目环境（完美踩坑，axios发post请求默认content-type为application/json 导致后台接收不了数据，这里引入qs对payload进行转换，修改content-type为application/x-www-form-urlencoded）
- 此时可以说是简单入门VUE了，但是对于VUEX依然不理解。于是我再去官网生态系统看了VUEX文档。
- 接下来再去学习慕课网的一个企业级仿音乐APP实战视频，视频有点旧，老师的技术水平毋容置疑，但是讲课的水平可能就稍微差了一点点，不过也感谢这个视频有点旧，所以很多方面都要我们自己动手去解决一些兼容性问题，这个视频学完之后对VUEX基本掌握了。（这个实战项目视频十分长，学到的东西十分多，所以性价比还是十分高的，而且效果十分赞，这个老师也是十分厉害！）
- 还有就是VUE对原生JS的要求相对高，所以最终结论是前端一定要去看红宝书！
-
VUE学习路线
2020-11-24 18:09:17文章目录1.VUE安装配置和其生命周期（估算学习时长4小时）2.VUE值绑定、表单数据双向绑定操作语法（估算学习时长2小时）3.VUE计算属性、修饰符、diff渲染机制、数组操作（估算学习时长2小时）4.Vue语法糖（估算学习...展开全文文章目录
- 前言
- 1.VUE安装配置和其生命周期（估算学习时长4小时）
- 2.VUE值绑定、表单数据双向绑定操作语法（估算学习时长2小时）
- 3.VUE计算属性、修饰符、diff渲染机制、数组操作（估算学习时长2小时）
- 4.Vue语法糖（估算学习时长1小时）
- 5.组件化（估算学习时长4小时）
- 6.Vue插槽、编译作用域及编译作用域插槽（估算学习时长3小时）
- 7.模块化开发（估算学习时长2小时）
- 8.webpack打模块化开发工具（估算学习时长12小时）
- 例子1：手写一个简单的轮播图（估算时长8小时）
- 9.vuecli-脚手架，安装使用及目录详解（估算学习时长24小时）
- 10.前端路由vue-router（估算学习时长24小时）
- 以上学习经历的参考文献
前言
一定要有js或者jquery基础包括dom节点、选择器、面向对象思想等相关经验。
html+css也一定要精通再来看vue。
因为vue并不是从底层开始从0开始的基础语言，他像是阶段性开发的高层工具，是为了能够响应式、模块儿化开发来使用的。1.VUE安装配置和其生命周期（估算学习时长4小时）
2.VUE值绑定、表单数据双向绑定操作语法（估算学习时长2小时）
3.VUE计算属性、修饰符、diff渲染机制、数组操作（估算学习时长2小时）
4.Vue语法糖（估算学习时长1小时）
5.组件化（估算学习时长4小时）
6.Vue插槽、编译作用域及编译作用域插槽（估算学习时长3小时）
7.模块化开发（估算学习时长2小时）
8.webpack打模块化开发工具（估算学习时长12小时）
例子1：手写一个简单的轮播图（估算时长8小时）
9.vuecli-脚手架，安装使用及目录详解（估算学习时长24小时）
10.前端路由vue-router（估算学习时长24小时）
以上学习经历的参考文献
安装视频
https://www.bilibili.com/video/BV1GV411Z7si?p=1
官方网站
https://cn.vuejs.org/
https://cli.vuejs.org/
教学材料
https://www.runoob.com/vue2/vue-tutorial.html
https://www.bilibili.com/video/BV15741177Eh
loader配置
https://www.webpackjs.com/loaders/css-loader/#%E5%AE%89%E8%A3%85
部分问题解决参考博客
https://www.jb51.net/article/143051.htm
https://blog.csdn.net/qq_42221334/article/details/88845469
-
Vue学习路线
2020-12-01 13:35:06本书的宗旨是抹平Vue学习曲线，就是在攀登Vue这座高峰时，提供梯子和索道，或者干脆提供一辆缆车。从而在领略Vue高峰上无限风光的时候，不用在崎岖山道艰难跋涉，而是像似漫步在平坦的大道上。 Vue是中国人尤雨溪所...展开全文Vue作为最流行的前端框架，是80%企业前端招聘的首选。但在学习Vue时，面临的学习曲线的往往是陡峭的，时不时会遇到一座山峰或一个深坑，结果很长时间也无法逾越，导致逐步丧失了学习的信心。本书的宗旨是抹平Vue学习曲线，就是在攀登Vue这座高峰时，提供梯子和索道，或者干脆提供一辆缆车。从而在领略Vue高峰上无限风光的时候，不用在崎岖山道艰难跋涉，而是像似漫步在平坦的大道上。
Vue是中国人尤雨溪所开发的软件，在github上的星数远超Angular，直逼React，最受国人青睐，80%以上的企业前端招聘，都要求会Vue开发，由此可见其技术的先进性和实用性。
Vue如此受青睐，因为其采用模块化、渐进式编程思想。所谓模块化，就是化繁为简，把复杂的页面应用变成简单的可重复利用的组件，每个组件相当于一块积木；所谓渐进式，就是“主张最少”，逐步推进，像搭积木一样，由简单到丰富，体现的是由简入繁思想。Vue模块界定清晰，组件拼装简单，由繁入简，由简入繁，毫无违和感。
作为一门前端开发技术框架，所建立起来的技术体系和概念，并不都是那么易懂易用。因此本教程带领您来学习Vue使用技巧的同时，会形象生动地解释那些晦涩难懂的概念，并通过代码示例来展示其效果。当彻底理解了这门语言的那些难懂的概念时，学习的曲线就被抹平了。孔子曰：学而无坑之，不亦说乎。
详细内容参考：https://gitee.com/yinzi2016/vue-study/
6.2 ES6的块级作用域和let，const，var区别.... 52
6.14 ES6的Promise 对象——异步编程的方式... 68
9.4 webpack的loaders基本使用... 117
19.5 webpack/vuecli相关面试题.... 324
-
vue学习路线
2020-10-11 20:47:02vue3.0学习 1.初始MVVM模式： ```typescript <div id="app"></div> var vm = new Vue({ el:"#app", data:{ msg:'这是' } })展开全文
-
vue 学习路线
2018-02-27 17:58:51http://blog.csdn.net/hanxue_tyc/article/details/60571549 -
-
2019 年 Vue 学习路线图！
2019-08-05 20:55:562019 年 Vue 学习路线图！ 如果你是 Vue 开发新手，可能已经听过很多行话术语，比如单页面应用程序、异步组件、服务器端渲染，等等。你可能还听说过与 Vue 有关的一些工具和库，比如 Vuex、Webpack、Vue CLI 和 ... -
2020Vue学习路线
2020-08-18 11:04:24学习路线内容 1.2019黑马web前端开发全套视频教程基础班+就业班 【PC端后台电商项目】 难度：初中级【强烈推荐】 2.Vue全家桶实战从零独立开发企业级电商系统 【PC端前台电商项目】 难度：中级 3.Vue Element+Node... -
vue初学——vue学习路线
2021-03-01 14:15:57上个周末写了2篇文章都是关于vue的学习，然后在写第三篇的时候，看了一个视频——里面提到学习方法。作为一个程序员，对新技术的学习需要有一个自己的套路，即学习方法。掌握一套好的学习方法，后面不管学习什么新... -
Vue学习路线图
2018-12-11 22:50:02如果你是一名 Vue 开发新手，可能已经听过很多行话术语，比如单页面应用程序、异步组件、服务器端渲染等等，或者还听说过与 Vue 有关的一些工具和库，比如 Vuex、Webpack、Vue CLI 和 Nuxt。 那么究竟什么是Vue，有... -
Web前端中常用框架有哪些 Vue学习路线是什么
2020-10-14 14:57:52Vue学习路线是什么？许多学习Web前端的小伙伴在进阶阶段都要学习Vue，因为它是目前企业常用的技术之一。下面小编给大家分享一个比较不错的Vue学习路线。 Vue是一个用于构建Web用户界面的JavaScript框架，因此... -
全栈路线_2020Vue学习路线
2020-12-12 08:31:34学习路线内容1.2019黑马web前端开发全套视频教程基础班+就业班【PC端后台电商项目】 难度：初中级【强烈推荐】2.Vue全家桶实战从零独立开发企业级电商系统【PC端前台电商项目】 难度：中级3.Vue Element+Node.js开发... -
vue element admin 二次开发_Vue学习路线
2020-12-12 08:31:33学习路线内容1.2019黑马web前端开发全套视频教程基础班+就业班【PC端后台电商项目】 难度：初中级【强烈推荐】2.Vue全家桶实战从零独立开发企业级电商系统【PC端前台电商项目】 难度：中级3.Vue Element+Node.js开发... -
vue链接规则_前端学习路径：Vue学习路线图来了
2020-12-21 16:21:17Vue 概述如果你是一名 Vue 开发新手，可能已经听过... 具体学习路线图：一、Vue基础1. 对于没有接触过es6和webpack的童鞋来说，不建议直接用官方的脚手架vue-cli构件项目。2. 先按文档顺序最少学习完组件那一章。直... -
如何学习前端炙手可热的Vue？Vue学习路线图详解！
2021-01-18 11:52:43如果你是一名 Vue 开发新手，可能已经听过很多行话术语，比如单页面应用程序、异步组件、服务器端渲染等等，或者还听说过与 Vue 有关的一些工具和库，比如 Vuex、Webpack、Vue CLI 和 Nuxt。 那么究竟什么是Vue，有... -
vue项目实例git_前端学习路径：Vue学习路线图来了
2021-01-26 08:56:29Vue 概述如果你是一名 Vue 开发新手，可能已经听过... 具体学习路线图：一、Vue基础1. 对于没有接触过es6和webpack的童鞋来说，不建议直接用官方的脚手架vue-cli构件项目。2. 先按文档顺序最少学习完组件那一章。直... -
Vue学习路线(上)
2020-10-26 22:23:52Vue实例创建Vue实例el唯一根标签data初始数据methods定义方法computed计算属性watch状态监听filters过滤器 创建Vue实例 Vue实例：通过new关键字实例化Vue({})构造函数。 <script> var vm = new Vue({ // ... -
Vue学习路线(下)
2020-10-26 23:05:17Vue开发基础????全局APIVue.directiveVue.useVue.extendVue.setVue.mixin实例属性vm.$propsvm.$optionsvm.$elvm.$childrenvm.$rootvm.$slotsvm.$attrs全局配置productionTipsilentdevtools组件进阶... -
2019年Vue学习路线图
2018-12-24 09:33:51你可能还听说过与 Vue 有关的一些工具和库，比如 Vuex、Webpack、Vue CLI 和 Nuxt。 浸没在术语和工具的浩瀚海洋中难免会令人感到沮丧，但其实并不是只有你一个人有这种感受，所有经验水平的开发人员都会持续感觉到... -
2019 年 Vue 学习路线图
2019-09-30 22:02:49https://www.infoq.cn/article/9XymmTqu*4QwahqikMka 转载于:https://www.cnblogs.com/davidwang456/articles/10114875.html
收藏数
676
精华内容
270
vue
订阅