什麼是Vue.js？

在這個網頁前端開發的工程，Google下的AngularJS與Facebook下的ReactJS，因為將前端的開發系統化，開發上比較方便，所以愈來愈多人開始使用，而在這個資訊的時代下，變化速度很快，目前又出現一款集AngularJS與ReactJS優點於一身的Vue.js，這是一個相當輕量級的open source JavaScript前端框架，將整個網頁框架元件化，管理方便而且也好上手。

Vue.js特色

• 輕量
• MVC架構
• Componenets(Web元件化系統)
• Virtual DOM：V-Node(Vue.js 2.0後才有)
• Directives(模板語法指令)
• Two-way Binding(資料雙向綁定)

Vue.js提倡輕量，是一個蠻新的網頁框架，如果有Node.js或AngularJS等開發經驗，在上手Vue.js這個框架應該會蠻快的，這30天系列會將我學習Vue.js的歷程記錄下來，以下是我這30天的規劃。(版本以當前2.5.13為主)

鐵人賽30天規劃

• 第一週：介紹Vue.js核心概念與開發環境建置
• 第二週：關於Vue.js模板語法與函式庫
• 第三週：後端整合與小專案開發
• 第四週：實作一個完整Vue.js專案

團隊 - 30天熱度

我們是一群同所大學畢業的好夥伴，曾經我們都想好好學習一樣新東西，但是因為一些不是原因的原因，剛好在這個時候鐵人賽開始了，其中一個夥伴他說，他想好好整理他的學習筆記，奮發向上，但是他需要有人督促，陣亡後記得復活他，因此我們"30天熱度"這個團隊就正式組團了，目標是這30天好好學習一樣東西，我們希望我們不只是3分鐘熱度，而是可以維持30天熱度來撐住彼此。

團隊成員

• Eva：Vue.js 30天隨身包
• Ray：激戰 ReactJS 30天
• Ben：那些年，我們一起錯過的Javascript

希望這30天我能好好把Vue.js學好，理解概念以及融會貫通，然後可以獨立實作專案，因為我是Vue.js初學者，雖然會一些Node.js與其他MVC架構framework的觀念，文章內容很多都是google自學以及翻書整理出來的，盡可能找出概念的正確理解方式，但還是可能會有錯誤，如果有閱讀我的30天文章系列的讀者，發現錯誤可以直接在下方留言告訴我，除了別讓其他人被我的錯誤觀念給誤導，也讓我不要帶著錯誤的觀念繼續迷思下去。

感謝閱讀與歡迎指教！