【良心推荐】揭秘从新手到Vue高级工程师的养成之路

2020年就要来啦，还没get前端开发必备技能Vue?
想要入门Vue却无从下手？

别担心，今天这波最实用的Vue学习路线
一条龙学习路径助你把Vue学精学透，
为你打通Vue发展脉络
初级、进阶、高级
稳扎稳打成为一名资深Vue开发工程师。

俗话说，一口气吃不成胖子。对于一个新手，学习vue还是要循序渐进分阶段的学习，今天小慕就不说一些学习方法和技巧了，直接来谈每个阶段要学习的内容。

不说了，上干货！

第一阶段：vue基础语法

• 我喜欢 Vue 的 10 个方面

• 不吹不黑也不撕，我们就简简单单谈谈Vue

• Vue.js基础入门

• Vue基础

• vue系列组件篇

• vue.js功能介绍 - 指令，组件

• vue的常用基础知识、语法等

• 手把手教Vue–指令

• 手把手教 Vue – 环境搭建

• Vue-router的基本用法

• [js框架]Vue框架的基础学习 一、模板语法的使用

• vue系列基础篇

• Vue文档笔记系列——基础篇

• vue知识点总结

• vue系列组件篇

• Vue.js 升级踩坑小记

• Vue2.0基础语法知识总结

• Vue-cli 3.0 初体验 ！

• vue插件总结——总有你能用上的插件

• vue多语言插件vue-i18n使用介绍

第一阶段配套的视频教程组合

• vue2.5入门
• Vue2.5开发去哪儿网App 从零基础入门到实战项目，课程总时长：15小时，10章节
  教学目标：从Vue基础语法入手，逐层递进，实战项目贴近企业流程，完全按照企业级别代码质量和工程开发流程进行授课，让你理解这套技术在企业中被使用的真实流程。

第二阶段：vue项目实战

• vue-loader在项目中是如何配置的

• vue项目实战踩坑之旅

• 每个人都能实现的vue自定义指令

• VUE开发一个组件——Vue 分页组件

• VUE开发一个组件——Vue Slider双向两滑块限定区域

• VUE开发一个组件——Vue list列表滑动删除

• VUE开发一个组件——Vue H5城市选择控件

• 三十分钟学会使用VUE搭建单页应用(SPA) 上

• 三十分钟学会使用VUE搭建单页应用(SPA) 下

• 利用vue-cli3快速搭建vue项目详细过程

• 【快速上手】Vue.js 购物车入门实战

• 走进Vue时代进阶篇：重构电商购物车模块

• 从 0 开始，vue 饿了么项目 main.js

• 使用vue全家桶撸个防网易云播放器

• Vue2.0之vue-router

• Vue-cli3.0项目创建

• Vue.js项目中管理每个页面的头部标签的方法

• Vue—导航守卫使用方法详解

• Vue2.0开发购物车实例

• 为什么Vue中的slot不能应用v-show指令

• vue+vue-router+jquery 以传统模式开发单页面应用

• Node + WebSocket + Vue 聊天室创建群聊/加入群聊功能

• 借助axios的拦截器实现Vue.js中登陆状态校验的思路

• 你不知道的Vue技巧之–开发一个可以通过方法调用的组件

第二阶段配套课程组合：

Vue初阶项目开发实战，课程时长：63小时，4门课
教学目标：小试牛刀，学会使用Vue实现真实项目，在这个阶段还可以学习全栈项目开发的流程

• 使用vue2.0实现购物车和地址选配功能

• Vue.js 2.5 + cube-ui 重构饿了么App

• Vue2.0+Node.js+MongoDB 全栈打造商城系统

• Vue2.5 实战微信读书 媲美原生App的企业级web书城
  

第三阶段：进阶：SSR技术实现

• 前端leader手把手教我入门Vue服务器端渲染（SSR）

• Vue SSR（ Vue2 + Koa2 +Webpack4）配置指南

• vue全家桶之预渲染

• vue服务端渲染

• vuejs 预渲染插件 prerender-spa-plugin 生成多页面 --SEO

• vue 服务端渲染折腾记录

• vue中使用动画vue-particles

• 使用Nuxt.js创建服务器端渲染的Vue.js应用程序

• [Vue CLI 3] 源码系列之init

• 从壹开始前后端分离║初探SSR服务端渲染

• 前后端分离实践：基于vue实现网站前台的权限管理

• 基础：面向源码研究Nuxt.js

• Eruda 一个移动端调试神器

第三阶段配套课程组合：

Vue高级项目实战（复杂项目&SSR全栈开发），课程时长：54小时，3门课
教学目标：真实BAT公司Vue项目的开发流程，绝不是Demo级别的简单项目！绝对真材实料！带你学习完整的大厂开发过程和复杂的Vue项目架构方式

• Vue 2.0开发企业级移动端音乐Web APP

• Vue全家桶+SSR+Koa2全栈开发美团网

• 《Vue Element＋Node.js开发企业通用管理后台系统》

第四阶段：vue面试就业

• vue常见面试题

• vue菜鸟从业记：没准备好的面试，那叫尬聊

• vue 面试时需要准备的知识点

• 谈谈Vue数据双向绑定原理，看看你的回答能打几分

• 你能写一个Vue的双向数据绑定吗？

• 前端面试题之vue项目框架

• 前端面试之vue实践

• vue相关面试笔记

• 面试之加分项vue

• 前端之vue面试题

• 公司要求会使用框架vue，面试题会被问及哪些？（总结）

• 来聊聊源码学习

• 人人都能懂的Vue源码系列—Vue构造函数

• Vue.js中 watch 的高级用法

• Vue 源码解析：深入响应式原理

• Vuex 2.0 源码分析

• 当 better-scroll 遇见 Vue

• vue-music 音乐 App 之 cube-ui 重构

• 滴滴开源 Vue 组件库— cube-ui 的技术内幕

第四阶段配套课程组合：

Vue工程师高薪就业，课程时长：37小时，两门课
教学目标：在这里把Vue学精学透，通过Vue源码的全面深度解析及SSR的实现，帮助你在面试中脱颖而出！

• Vue.js 源码全方位深入解析

• Vue核心技术 Vue+Vue-Router+Vuex+SSR实战精讲
  

以上，便是从新手到Vue高级工程师的实战之路，你准备好了吗？来战吧~

PS:
你也可以在大前端入门中一步到位完成前端进阶！