|
|
本書以Vue2的理論為中心，以實戰範例為基礎，透過範例應用展開覆蓋Vue的各個理論基礎知識。從實作應用出發，對Vue官方未曾進行詳盡說明或不曾提及的實用內容進行揭秘，試圖使此書能成為你在Vue前端專案化開發實戰中的參考手冊。
從多個範例由淺入深地說明Vue的使用知識，除此之外，還重點介紹Vue專案化開發中必備的原始程式庫、協力廠商開發工具以及如何對Vue的各種模組進行全方位的測試。
Vue 的開發工具鏈雖沒有Angular.js 完備，但有vue-cli 的輔助，基本
上也能應付專案開發的需要，架構理論上幾乎就是對Angular.js 的簡化。
期望此書能為正在奮鬥於前端開發工作的同行們帶來幫助，同時也作為我對Vue團隊的一種支援。
Vue是一款能與世界級的Angular與React比肩的前端架構！
希望這本書能鼓勵你馬上行動和我們一起創造一個美好的未來！
作者簡介
梁睿坤
長年致力於互聯網技術應用與大數據應用方面的研究與開發工作。曾任多家軟體公司的高級軟體工程師、專案經理、首席架構師、技術總監等職。目前主要從事軟體工程、系統架構、語言基礎及IoT、大數據與AI在商業應用方面的研究與實踐。
前言
01 例說Vue.js
1.1 內插
1.2 資料綁定
1.3 樣式綁定
1.4 篩檢程式
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為基礎的點對點測試環境
03 路由與頁面間導覽
3.1 vue-router
3.2 路由的模式
3.3 路由與導覽
3.4 導覽狀態樣式
3.5 History的控制
3.6 關於Fallback
3.7 小結
04 頁面的區塊化與元件的封裝
4.1 頁面邏輯的實現
4.2 封裝可重用元件
4.3 自訂事件
4.4 資料介面的分析與取得
4.5 從服務端取得資料
4.6 建立複合型的範本元件
4.7 資料模擬
4.8 小結
4.9 擴充閱讀：Vue元件的繼承：mixin
05 Vue的測試與偵錯技術
5.1 Mocha入門
5.2 元件的單元測試方法
5.3 單元測試中的模擬技術
5.4 偵錯
5.5 Nightwatch入門
06 視圖與表單的處理
6.1 為Vue2整合UIkit
6.2 表格視圖的實現
6.3 單一職責原則與進階元件開發方法
6.4 表單的設計與實現
6.5 整合服務端的CRUD Restful API
6.6 HTTP攔截器inteceptor
6.7 開發伺服器的訂製
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 用服務分離外部操作
附錄A Chai斷言參考
附錄B Vee-Validate驗證規則參考
