總結

連續三十天，一起床想到的就是發文，一到辦公室坐下露天廢物們就會"關心"逼問彼此發文了沒，一度差點忘了發文險些斷賽。

自己寫過才知道，用簡單的文字讓人理解複雜的邏輯是多困難。

在寫每篇文章的時候，總是堅持要搭配實際的範例，不能只貼code純解釋就滿足。大家應該都知道在google時，有會動的範例來解答你的困惑是多麼令人感動(最好是要有npm一鍵安裝又可以一鍵執行)。

以後大神們的文章都要跪著讀。

自問自答

為什麼寫 Vue 作為主題？

因為專案會用到 Vue，邊學邊寫。

有沒有興趣參加下一屆鐵人賽？

應該是~會~吧，但會提前開始準備，希望有更紮實的內容。

另一個 lodash.js的自我挑戰失敗了，會繼續PO文嗎？

因為學了之後就有點懶得寫了，畢竟寫要花的時間太多了啊，應該會寫別的想學的題目。

感謝

前端新人Hunter菜逼巴，就在鐵人賽的最後一天，也剛好是從海巡退伍滿半年的日子。
退伍來到露天，受到很多人的幫助，要感謝的人很多。

感謝 Summer，這半年不間斷的push我前進，有你的建議，我才會在讀書會分享 Gulp 和 YDKJS，才會參加這屆鐵人賽。

感謝 露天廢物 們互相督促一起成長，我們完成了。

感謝露天拍賣讓我有機會去參加 2017 JSDC，雖然許多技術都是第一次聽到，但眼界很重要，看到很多很強的工程師怎麼解決問題，對我有很大的衝擊。

影響這階段最深的應該就是 Kuro 在 JSDC 的演講，因為第一次接觸 Vue 就上手，也很感謝他來糾正我文章的不足，想看得請點我文章留言處。

用範例理解 Vue.js 目錄

1. 前言
2. 用七個官方範例初步認識 Vue.js
3. Vue Instance & Instance Lifecycle Hooks
4. Virtual DOM
5. Template Syntax
6. Computed vs Methods
7. Filters vs Computed
8. Watch vs Computed
9. v-bind and Class Bindings
10. Conditional Rendering
11. List Rendering
12. Event Handling(v-on)
13. v-model and data
14. Component 簡介
15. 實例 Component Dropdown
16. 實例 Vue Instance (deep copy) lodash.js 效能比較
17. Global API(extend, nextTick, directive)
18. Slot
19. Vuetify
20. vue-router in Vuetify
21. Vuex in Vuetify
22. vue-server-renderer in Vuetify
23. 趕工中：webpack in Vuetify
24. 趕工中：express in Vuetify
25. 趕工中：總攬 Vuetify webpack-ssr 目錄結構
26. 趕工中：vue-loader
27. 趕工中：vue-i18n 多國語系
28. 趕工中：axios, axios-mock-adapter
29. 趕工中：Unit Testing
30. 總結