應當如何入手Vue.js？

01-11

看著各位大佬們都說vue.js簡單，下定決定要學vue設計出一個屬於自己站，但是看了看文檔，貌似也沒那麼簡單啊
好吧(???????? ﹏ ??????????)是我菜，那麼問題來了Σ(°Д°;我要怎麼入手這個簡單的前端框架，要用什麼樣的心態去學習才能更好的吸收，消化前端知識(′⊙ω⊙`)

尤大大之前專門寫過一篇類似如何學習的文章，可惜我現在找不到了。

我憑藉印象大概寫下吧

- 首先，先跟著教程把demo都敲一遍，熟悉Vue語法

- 了解webpack的基本用法和es6的一些新語法

- 藉助Vue-cli腳手架寫一個簡單的項目（順便一提我寫的是博客記得的博客）

- 學習Vue源碼，可以參考這篇文章 Vue.js 源碼學習筆記 - 囧克斯

至此，可以說Vue這個框架你就掌握的差不多了

------------------------------------------------------------------------

如果你認可我的回答，請給個贊

1：學習js

2：改變jq的編程思維

3：學習vue的核心原理

4：看官方文檔寫demo

5：用vue-cli開始搭建項目，然後用.vue文件組件化（學一下webpack）

我就是這樣過來的。。。

其實 Vue.js 本身來講和所有其他流行的 MV* 庫是一樣的，都需要經歷一個遞進的過程（學習 - 應用 - 總結思考類似的過程）。

單純去看 vue 本身的知識點比較局限，畢竟知識是相對來說固定的，但是實戰需求是會存在各種問題的，應用到相關的技術點比較多（ES6、babel、webpack 等等）。所以我們推薦帶有實踐地學習。

但正因為基礎知識的獲取方式比較簡單以及相對來講 Vue.js 的官方資料比較親民（中文化），所以也造成了很多所謂的 Vue.js 高手。

鼓勵大家多問幾個問題：

1、Vue.js 和我之前用的一些類似框架(比如 Ag 有什麼區別)

2、什麼場景適合

3、腳手架、構建等等

單一的學會應用 Vue.js 來去完成一些業務：

1、單一（用一個組件去完成某一個單一業務）

2、多維度（用多個組件去完成一整個頁面甚至是多個頁面，或者 SPA）

這個成本相對比較少一些，因為 Vue.js 本身目前的資料相對過一些（官網、一些社區、github 源碼）

很多初學者屬於被動學習：

最直接的方式一上來都不會拋問題，而是各種求源碼。其實這個效果並不是很好，因為大部分的業務關聯的模塊是沒有現成源碼的，特別是複雜的模塊，當然也沒有任何一個交流場所會詳細地給你一步一步地去解決問題。所以這個時候你需要思考和比較，把關鍵問題描述清楚。

面過很多的所謂 Vue.js 精通的同學，發現還是有部分可以達到熟練地去使用一些第三方組件庫或者插件，有一部分同學相對就停滯了，還有一部分同學會去找一些源碼分析或者自己去看 1.* 2.* 的源碼，去看 vue-cli 以及各種 vue-loader 和插件的源碼，去思考和總結。

我們在早期的 Vue.js 應用過程中也發現團隊開發需要一些注意事項：

1、針對 Vue.js 本身的代碼規範（可以依賴工具 ESLint 等）

2、腳手架（針對 vue-cli 的一些定製）

3、組件庫的打包方式和目錄結構

等

在後續升級 2.0 的時候：

1、什麼項目適合升級

2、如何快速地升級

等

後面我們也期望通過我們的一些實踐給大家分享一些偏實戰的案例

前提:在有一定js的基礎上學習如果沒有先去補基礎的js

1. 通過簡單的demo+文檔入門

2. 使用官方單文件模版做一個小項目(可以嘗試使用ES6 推薦看阮一峰的ES6文檔)

3. 分析研究Webpack配置並嘗試修改升級配置

上面說的都很詳細。最近我也在學習vue，公司原來使用過react做開發，vue是直接學習的2.0，先去官方看文檔，不管看不看的懂，先把內容熟悉熟悉，然後直接開始餓了嗎實戰，在慕課網上面有視頻，在實戰中，哪一行代碼不了解就及時去翻看文檔，這個實戰是基於1.0的，很多的更改自己也可以做個對比。

video

直接看官方文檔

過一遍官網，參考TodoMVC動手過一遍。

先看官網，把常用的指令過一遍

裝WebStorm,環境，插件搞全

直接Vue-cli走起

寫出Helloworld

引入Vue-Router，有文檔

引入Vue-Resource(雖然不是最佳推薦了，先用著吧)

Vuex的話，不寫項目可以暫時不學。

到此，其實你已經會用Vue了，至於ES6，HTML，CSS，好好夯實吧。