最簡單的Vue.js入門方法

最近花了幾天看了下vue， 確實vue相對於其餘兩大前端框架來講，學習成本會低不少。 文檔、社區、資料都很完善。下面是我以爲還不錯的學習路徑,但願對你有幫助。

傳統的前端項目開發最大的問題是無法工程化和模塊化。 css跟js（es6以前）自己不支持模塊化開發，也就致使了代碼文件無法按功能拆分、組合、壓縮優化，這在大型項目的開發上製造了不少麻煩。另外在大前端日趨火熱的當下，爲了寫一次接口能適配到不一樣端（PC、wap、android、ios、桌面應用、小程序.etc），先後端分離也是必不可少。基於以上緣由，使用一款成熟的前端框架，對於前端項目開發來講是頗有必要的，能很大的提升生產力。

若是你對前端工程化不慎瞭解的話建議先看看這篇文章： 前端工程化

Ok，在明白了前端框架的必要性後，咱們就要開始學習vue.js了。

學習vue.js的前提是掌握了 html/js/css，這塊應該沒什麼難度，你們很容易就能掌握。
接下來須要掌握ES6, 這是大前提必定要懂，必定要懂，必定要懂， 推薦閱讀阮一峯的 ES6入門
接着你須要去了解一下webpack， 推薦閱讀這篇 入門 Webpack，看這篇就夠了

在瞭解es6跟webpack以後，就能夠正式進入咱們的vue.js學習之旅了。
首先通讀一下官網的教程官方教程， 看的期間要跟着敲代碼。 官方教程的內容仍是蠻多的，有些內容也不是很好理解。因此看不懂就跳過。 這一步咱們只要知道vue有什麼功能就好了。
看完了以後，再去看一下 Vue Router, 路由這個功能開發中也是必要的。
最後再看下Vue CLI, 正式開發的時候咱們都是用這個工具來構建項目。

OK，官方教程看完，我相信你仍是很迷，到底怎麼使用vue去開發一個項目，內心仍是沒底。 不要緊，接下來咱們就找找視頻教程實戰，練練手。
視頻的話能夠到騰訊課堂上面看（我發現這裏有免費的實戰視頻，其餘地方好像都收費。）
我這裏推薦個視頻 Vue實戰-景點介紹小應用，經過這個視頻你基本能明白怎麼樣使用vue、vue-cli、vue-router去開發一個項目。

恭喜你，作完以上操做，估計幾天也過去了， 你也算入門vue了。 接下來呢，你能夠以視頻+github案例的方式繼續深刻學習Vue.js。
這裏我推薦個不錯的demo vue2-elm

PS:本文爲何沒說起vuex， 是由於vuex對入門來講不是必要的。