Vue.js 極巔實戰技術 高端設計範例完整笈典

　　Vue是一款能與世界級的Angular 與React 比肩的前端架構！

　　本書以Vue 2的理論為中心，以實戰範例為基礎，對Vue官方未曾進行詳盡說明甚至不曾提及的實用內容進行揭秘，透過範例應用展開覆蓋Vue的各個理論基礎知識。

　　Vue的開發工具鏈雖沒有Angular.js完備，但有vue-cli的輔助，基本上也能應付專案開發的需要，架構理論上幾乎就是對Angular.js的簡化。

　　本書從多個範例由淺入深地說明Vue的使用知識，除此之外並重點介紹Vue專案化開發中必備的原始程式庫、協力廠商開發工具以及如何對Vue的各種模組進行全方位的測試，成為在Vue前端專案化開發實戰中必備之參考手冊。

　　希望這本書能鼓勵你馬上行動和我們一起創造一個美好的未來！

本書特色

　　當前流行的JavaScript前端框架。
　　絕佳組織與簡化Web開發。
　　高效性元件與模板。
　　簡易直觀的回應式設計。
　　多種不同方式的應用過渡效果。

 

前言

Chapter 01 例說 Vue.js
1.1 內插
1.2 資料綁定
1.3 樣式綁定
1.4 篩檢程式

Chapter 02 專案化的Vue.js開發
2.1 腳手架vue-cli
2.2 深入vue-cli的專案範本
2.3 Vue專案的webpack設定與基本用法
2.4 基於Karma+Phantom+Mocha+Sinon+Chai的單元測試環境
2.5 以Nightwatch為基礎的點對點測試環境

Chapter 03 路由與頁面間導覽
3.1 vue-router
3.2 路由的模式
3.3 路由與導覽
3.4 導覽狀態樣式
3.5 History的控制
3.6 關於Fallback
3.7 小結

Chapter 04 頁面的區塊化與元件的封裝
4.1 頁面邏輯的實現
4.2 封裝可重用元件
4.3 自訂事件
4.4 資料介面的分析與取得
4.5 從服務端取得資料
4.6 建立複合型的範本元件
4.7 資料模擬
4.8 小結
4.9 擴充閱讀：Vue元件的繼承：mixin

Chapter 05 Vue的測試與偵錯技術
5.1 Mocha入門
5.2 元件的單元測試方法
5.3 單元測試中的模擬技術
5.4 偵錯
5.5 Nightwatch入門

Chapter 06 視圖與表單的處理
6.1 為Vue2整合UIkit
6.2 表格視圖的實現
6.3 單一職責原則與進階元件開發方法
6.4 表單的設計與實現
6.5 整合服務端的CRUD Restful API
6.6 HTTP攔截器inteceptor
6.7 開發伺服器的訂製

Chapter 07 Vuex狀態管理
7.1 Vuex的基本結構
7.2 data的替代者：State和Getter
7.3 測試Getter
7.4 Action：操作的執行者
7.5 測試Action
7.6 只用Mutation修改狀態
7.7 測試Mutations
7.8 子狀態和模組
7.9 用服務分離外部操作
APPENDIX A Chai斷言參考
APPENDIX B Vee-Validate驗證規則參考

作者簡介



梁睿坤

　　長年致力於互聯網技術應用與大數據應用方面的研究與開發工作。

　　曾任多家軟體公司的高級軟體工程師、專案經理、首席架構師、技術總監等職。目前主要從事軟體工程、系統架構、語言基礎及IoT、大數據與AI在商業應用方面的研究與實踐。