前提
前提條件：JS/HTML/CSS基礎紮實。凡事欲速則不達，要穩紮穩打，步步為營。
起步
1.先擼一遍官方基礎教程，所有的例子都敲一遍，理解用法，學著舉一反三，結合自己的經驗試著寫一些例子，加深理解。不要直接用構建工具vue-cli構建專案。
2.再擼一遍進階教程，到 自定義指令 (Custom Directive) 部分。著重理解Vue的響應式機制和元件生命週期。遇到不太理解的可先跳過。
3.閱讀關於路由和狀態管理的章節，根據要學習vue-router和vuex。
進階
1.node.js基礎、命令列的使用
2.瞭解如何使用/配置Babel來將ES2015編譯到ES5用於瀏覽器環境。
3.學習Webpack。Webpack 是一個極其強大同時也複雜的工具，作為起步，理解它的『一切皆模組』的思想，並基本瞭解其常用配置選項和 loader 的概念/使用方法即可，比如如何搭配 Webpack 使用 Babel。學習 Webpack 的一個挑戰在於其本身文件的混亂，建議多搜尋搜尋，應該還是有質量不錯的第三方教程的。英文好的建議閱讀Webpack 2.0 的文件，比起 1.0 有極大的改善，但需要注意和 1.0 的不相容之處。
Vue進階
1. 有了 Node 和 Webpack 的基礎，可以通過 vue-cli 來搭建基於 Webpack ，並且支援單檔案元件的專案了。建議用 webpack-simple 這個模板開始，並閱讀官方教程進階篇剩餘的內容以及vue-loader 的文件，瞭解一些進階配置。有興趣的可以自己親手從零開始搭一個專案加深理解。
2. 根據例子嘗試在 Webpack 模板基礎上整合 vue-router 和 vuex。
3. 深入理解 Virtual DOM 和『渲染函式 (Render Functions)』這一章節（可選擇性使用 JSX)，理解模板和渲染函式之間的對應關係，瞭解其使用方法和適用場景。
4. （可選）根據需求，瞭解服務端渲染的使用（需要配合 Node 伺服器開發的知識）。其實更重要的是理解它所解決的問題並搞清楚你是否需要它。
5. 閱讀開源的 Vue 應用、元件、外掛原始碼，自己嘗試編寫開源的 Vue 元件、外掛。
6. 參考貢獻指南閱讀 Vue 的原始碼，理解內部實現細節。（需要了解Flow）