起步
2.?通讀官方教程?(guide)?的基礎篇田盈。不要用任何構建工具，就只用最簡單的?缴阎，把教程里的例子模仿一遍允瞧，理解用法。不推薦上來就直接用?vue-cli?構建項目蛮拔，尤其是如果沒有?Node/Webpack?基礎述暂。
3.?照著官網(wǎng)上的示例，自己想一些類似的例子建炫，模仿著實現(xiàn)來練手畦韭，加深理解。
4.?閱讀官方教程進階篇的前半部分踱卵，到『自定義指令?(Custom Directive)?』為止廊驼。著重理解Vue的響應式機制和組件生命周期据过⊥锷埃『渲染函數(shù)（Render Function)』如果理解吃力可以先跳過。
5.?閱讀教程里關于路由和狀態(tài)管理的章節(jié)绳锅，然后根據(jù)需要學習?vue-router?和?vuex西饵。同樣的，先不要管構建工具鳞芙，以跟著文檔里的例子理解用法為主眷柔。
6.?走完基礎文檔后，如果你對于基于?Node?的前端工程化不熟悉原朝，就需要補課了驯嘱。下面這些嚴格來說并不是Vue本身的內(nèi)容，也不涵蓋所有的前端工程化知識喳坠，但對于大型的Vue工程是前置條件鞠评，也是合格的『前端工程師』應當具備的知識。
前端生態(tài)/工程化
1.?了解?JavaScript?背后的規(guī)范壕鹉，ECMAScript?的歷史和目前的規(guī)范制定方式剃幌。學習?ES2015/16?的新特性聋涨，理解?ES2015 modules，適當關注還未成為標準的提案负乡。
2.?學習命令行的使用牍白。建議用?Mac。
3.?學習?Node.js?基礎抖棘。建議使用nvm這樣的工具來管理機器上的?Node?版本茂腥，并且將?npm?的?registry?注冊表配置為淘寶的鏡像源。至少要了解npm?的常用命令切省，npm scripts?如何使用础芍，語義化版本號規(guī)則，CommonJS?模塊規(guī)范（了解它和?ES2015 Modules的異同）数尿，Node?包的解析規(guī)則仑性，以及?Node?的常用?API。應當做到可以自己寫一些基本的命令行程序右蹦。注意最新版本的?Node (6+)?已經(jīng)支持絕大部分?ES2015?的特性诊杆，可以借此鞏固?ES2015。
4.?了解如何使用?/?配置?Babel?來將?ES2015?編譯到?ES5?用于瀏覽器環(huán)境何陆。
5.?學習?Webpack晨汹。Webpack?是一個極其強大同時也復雜的工具，作為起步贷盲，理解它的『一切皆模塊』的思想淘这，并基本了解其常用配置選項和?loader?的概念/使用方法即可，比如如何搭配?Webpack?使用?Babel巩剖。學習?Webpack?的一個挑戰(zhàn)在于其本身文檔的混亂铝穷，建議多搜索搜索，應該還是有質量不錯的第三方教程的佳魔。英文好的建議閱讀Webpack 2.0?的文檔曙聂，比起1.0?有極大的改善，但需要注意和1.0?的不兼容之處鞠鲜。
Vue進階
1.有了Node和Webpack的基礎宁脊，可以通過vue-cli來搭建基于Webpack，并且支持單文件組件的項目了贤姆。建議用webpack-simple這個模板開始榆苞，并閱讀官方教程進階篇剩余的內(nèi)容以及vue-loader的文檔，了解一些進階配置霞捡。有興趣的可以自己親手從零開始搭一個項目加深理解坐漏。
2.根據(jù)例子嘗試在Webpack模板基礎上整合vue-router和vuex
3.深入理解Virtual DOM和『渲染函數(shù)(Render Functions)』這一章節(jié)（可選擇性使用JSX)，理解模板和渲染函數(shù)之間的對應關系，了解其使用方法和適用場景仙畦。
4.（可選）根據(jù)需求输涕，了解服務端渲染的使用（需要配合Node服務器開發(fā)的知識）。其實更重要的是理解它所解決的問題并搞清楚你是否需要它慨畸。
5.閱讀開源的Vue應用莱坎、組件、插件源碼寸士，自己嘗試編寫開源的Vue組件檐什、插件。
更多交流分享可以我的群 ?105601600
