第一次接觸 Vue 的時候，是去年的 7 、 8 月，雖說是接觸，但可能連官方的 getting started 都還沒做完，也搞不懂 Vue.js 的用途是什麼…
在決定報名 IT 鐵人賽並打算以 Vue 做為主題後，才開始認真的讀官方文件以及相關資源，藉此紀錄一下今年充實(緊繃)的暑假。
在教學開始之前，還是該上一下常見的 Q & A:
對於框架的定義，網路上有非常清楚的說法，不過以我的心得來看，我認為框架是一個嚴格的規範，它規定我們要以什麼方式接收、處理數據，透過框架所打出的程式碼，就算再怎麼凌亂，也會有一定的秩序，方便日後維護，不過也因為這是一個嚴格的規則，所以我們今天開發一個功能非常簡易的網站時，不一定要使用框架，拿石頭砸自己的腳XD
其實是因為有一天在臉書上看到某某學院的廣告：你會 SPA 嗎？這時我的心震了一下：可惡…我不會欸…囧，剛好去年在入門前端的時候看了很多鐵人賽的經典好文，所以想要藉由這個機會 GET 這個技能包。
我沒有接觸過其他的框架（e.g. react, angular…)，所以無從比較，不過單看我的學習歷程的話，我認為 Vue 是一款容易上手的框架，閱讀官方文件時，我們會從簡單的資料綁定學起，再來它會希望你開始接觸組件的概念，以及其他相關語法，接觸組件後，我們更可以進一步的學習 Vue-Router, Vuex, Vue-cli… 官方推出的強力套件，藉由這樣循序式的學習，我們不必一次接收爆炸性的訊息量，只要穩穩的掌握每一步，都能很快的理解官方的用心良苦。
隨著我們對前端語言的了解增長，程式碼的複雜度以及難度也會增加，這時候我們可能都會把 JS, CSS 以及 HTML 分開來，以保持 Code 的整齊，但當我們接觸 Vue 並開始利用組件去把各個東西給模組化時，會發現我們又開始把前端三寶給寫在一起了， Vue 強調的是組件的獨立性，也因為這樣，今天我們要維護自己開發的網頁時，不用辛辛苦苦的去看自己當初到底在寫什麼 XD ，因為透過 Vue 所產出的網頁，都已經達成模組化（歸類）的目的了。
說了這麼多，你還不寫 Vue 嗎?
連續 30 天，加值爆肝人生吧!
iThome鐵人賽
看影片追技術