|
|
|
本書以Vue2的實踐應用為根基，從實際示例入手，詳細講解Vue2的基礎理論應用及高級組件開發，通過簡明易懂的實例代碼，生動地讓讀者快速、全方位地掌握Vue2的各種入門技巧以及一些在實際項目中的寶貴經驗。本書除了全面、細致地講述Vue2的生態結構、實際編程技巧和一些從實踐中得到的經驗，還重點介紹如何以組件化編程思想為指導，以前端工程化方法為實現手段來實踐Vue2，通過組件的單元測試和E2E測試來保證工程質量。
第1章 例說Vue.js
1.1 插值
1.2 數據綁定
1.3 樣式綁定
1.4 過濾器
第2章 工程化的Vue.js開發
2.1 腳手架vue-cli
2.2 深入vue-cli的工程模板
2.2.1 webpack-simple模板
2.2.2 webpack模板
2.2.3 構建工具
2.3 Vue工程的webpack配置與基本用法
2.3.1 webpack的特點
2.3.2 基本用法
2.3.3 用別名取代路徑引用
2.3.4 配置多入口程序
2.4 基於Karma+Phantom+Mocha+Sinon+Chai的單元測試環境
2.5 基於Nightwatch的端到端測試環境
第3章 路由與頁面間導航
3.1 vue-router
3.2 路由的模式
3.3 路由與導航
3.4 導航狀態樣式
3.5 History的控制
3.6 關於Fallback
3.7 小結
第4章 頁面的區塊化與組件的封裝
4.1 頁面邏輯的實現
4.2 封裝可重用組件
4.3 自定義事件
4.4 數據接口的分析與提取
4.5 從服務端獲取數據
4.6 創建復合型的模板組件
4.7 數據模擬
4.8 小結
4.9 擴展閱讀：Vue組件的繼承——mixin
第5章 Vue的測試與調試技術
5.1 Mocha入門
5.2 組件的單元測試方法
5.3 單元測試中的仿真技術
5.3.1 調用偵測（Spies）
5.3.2 Sinon的斷言擴展
5.3.3 存根（stub）
5.3.4 接口仿真（Mocks）
5.3.5 后端服務仿真
5.4 調試
5.5 Nightwatch入門
5.5.1 編寫端到端測試
5.5.2 鉤子函數與異步測試
5.5.3 全局模塊與Nightwatch的調試
5.5.4 Page Objects模式
第6章 視圖與表單的處理
6.1 為Vue2集成UIkit
6.2 表格視圖的實現
6.2.1 實時數據篩選
6.2.2 多行數據的選擇
6.2.3 排序的實現
6.3 單一職責原則與高級組件開發方法
6.3.1 搜索區的組件化
6.3.2 母板組件
6.3.3 重構模態對話框組件
6.3.4 高級組件與Render方法
6.3.5 UIkit按鈕
6.3.6 通用表格組件
6.4 表單的設計與實現
6.4.1 計算屬性的雙向綁定
6.4.2 富文本編輯器組件的實現
6.4.3 實現嵌套式容器組件
6.4.4 表單的驗證
6.5 集成服務端的CRUD Restful API
6.6 HTTP攔截器inteceptor
6.7 開發服務器的定制
第7章 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驗證規則參考
