【良心推薦】揭秘從新手到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:
你也可以在大前端入門中一步到位完成前端進階！