雖然前端工程，每 18 個月會難一倍，但是好像有越來越快的趨勢...

前端世界裡面，目前最火紅就是這三大框架，分別是來自：

• Google 的 Angular
• FaceBook 的 React
• 綜合上述兩大陣營的 Vue

從瑯犽榜上我們可以看出各國的聲望，似乎有死亡交叉...

Vue 既是綜合 Angular 與 React 優點於一身的嶄新框架，再加上作者的設計理念。

雖然 Vue 不另外兩大陣營有龐大的集團為後盾，但是目前作者已得到募資贊助每個月有一定的收入，並全力投入 Vue 開發，因此不太需要擔心此框架後續維護的問題。

• Angular 的結構是把 html(template), css, JS 獨立分開撰寫，因此開發過程需頻繁切換頁面。
• React 的結構是把 html(JSX) 寫在 JS 裡面，因此開發體驗上，有種在邏輯中撰寫畫面的感覺。
• Vue(vue-loader) 的結構是在一隻 .vue 檔案裡面撰寫你的元件，在開發體驗上，就像一開始學習 web 一樣，你會先學習 HTML 然後加上一個 style tag 練習 CSS，接著加上 script tag 練習 JS，而 vue 也是這樣的開發，彷彿回到最初的感動。

Vue(vue-loader) 結構示意。

組件系統亦是每個前端框架所推崇的精神，Vue 也是如此，我們應該開發好每個小元件，再組合成大型頁面。

因此前端工程師們，只要根據需求，開心的組合每個元件既可! (最好是..)

第一次參加鐵人賽，選用 Vue 這個前端框架來做為挑戰。

我將使用這份文件：前端初階練習題目 來作為實作題目。

規劃：

• 第一周：Vue 與 routre 入門
• 第二周：Vuex 入門
• 第三周：Vuex 開發與 ajax
• 第四周：Vue 客製化與 routre 進階功能

github 完整範例：

實作小範例入門 Vue & Vuex 2.0 - github 完整範例

使用 git checkout 切換每天範例。