Vue.js項(xiàng)目實(shí)戰(zhàn)

第 1章 Vue開發(fā)入門 1
1．1 為什么需要另外一個(gè)前端框架 1
1．1．1 一個(gè)有發(fā)展前景的項(xiàng)目 2
1．1．2 兼容性要求 2
1．2 一分鐘設(shè)置 3
1．3 創(chuàng)建一個(gè)應(yīng)用 3
1．4 借助模板實(shí)現(xiàn)DOM的動態(tài)性 6
1．4．1 文本顯示 6
1．4．2 利用指令添加基本的交互 7
1．5 小結(jié) 8
第 2章 項(xiàng)目1：Markdown筆記本 9
2．1 一個(gè)基本的筆記編輯器 10
2．1．1 項(xiàng)目設(shè)置 10
2．1．2 筆記編輯器 11
2．1．3 預(yù)覽面板 12
2．1．4 保存筆記 15
2．1．5 加載已保存的筆記 18
2．2 多條筆記 20
2．2．1 筆記列表 20
2．2．2 選中一條筆記 25
2．2．3 筆記工具欄 32
2．2．4 狀態(tài)欄 36
2．3 小結(jié) 40
第3章 項(xiàng)目2：城堡決斗游戲 41
3．1 游戲規(guī)則 41
3．2 項(xiàng)目設(shè)置 44
3．3 暴風(fēng)雨前的平靜 45
3．3．1 模板選項(xiàng) 45
3．3．2 應(yīng)用的state 45
3．3．3 萬能的組件 47
3．4 構(gòu)建用戶界面 48
3．4．1 第 一個(gè)組件：頂欄 48
3．4．2 顯示卡牌 52
3．4．3 手牌 57
3．4．4 浮層 68
3．5 游戲世界和場景 75
3．5．1 城堡 75
3．5．2 城堡旗幟 77
3．5．3 云的動畫 82
3．6 游戲玩法 85
3．6．1 抽取卡牌 85
3．6．2 出牌 86
3．6．3 下一回合 90
3．7 小結(jié) 92
第4章 高級項(xiàng)目設(shè)置 93
4．1 設(shè)置開發(fā)環(huán)境 93
4．1．1 安裝官方命令行工具vue-cli 93
4．1．2 代碼編輯器 94
4．2 第 一個(gè)完整的Vue應(yīng)用 94
4．2．1 項(xiàng)目腳手架 94
4．2．2 創(chuàng)建應(yīng)用 95
4．2．3 渲染函數(shù) 96
4．2．4 配置Babel 97
4．2．5 更新依賴 98
4．2．6 為生產(chǎn)構(gòu)建 99
4．3 單文件組件 100
4．3．1 模板 101
4．3．2 腳本 102
4．3．3 樣式 104
4．3．4 組件內(nèi)的組件 106
4．4 小結(jié) 108
第5章 項(xiàng)目3：支持中心 109
5．1 通用應(yīng)用結(jié)構(gòu) 109
5．1．1 項(xiàng)目設(shè)置 109
5．1．2 路由和頁面 110
5．2 FAQ——使用API 119
5．2．1 服務(wù)器設(shè)置 119
5．2．2 使用fetch 119
5．2．3 用自己的插件擴(kuò)展Vue 124
5．2．4 使用mixin復(fù)用代碼 126
5．3 支持工單 132
5．3．1 用戶認(rèn)證 132
5．3．2 顯示和增加工單 152
5．3．3 高級路由特性 164
5．4 小結(jié) 171
第6章 項(xiàng)目4：博客地圖 172
6．1 Google認(rèn)證和狀態(tài)管理 173
6．1．1 項(xiàng)目設(shè)置 173
6．1．2 使用Vuex進(jìn)行狀態(tài)管理 177
6．1．3 用戶狀態(tài) 187
6．2 嵌入Google地圖 193
6．2．1 安裝 193
6．2．2 添加地圖 194
6．2．3 將BlogMap連接到store 196
6．3 博客和評論 201
6．3．1 在store中添加博客模塊 201
6．3．2 渲染函數(shù)和JSX 202
6．3．3 創(chuàng)建一篇博客 210
6．3．4 獲取博客列表 217
6．3．5 選中博客 222
6．4 小結(jié) 231
第7章 項(xiàng)目5：在線商店以及擴(kuò)展 232
7．1 高級開發(fā)流程 232
7．1．1 項(xiàng)目設(shè)置 233
7．1．2 使用PostCSS為CSS自動添加前綴 235
7．1．3 通過ESLint提升代碼質(zhì)量和風(fēng)格 236
7．1．4 Jest單元測試 240
7．2 補(bǔ)充話題 245
7．2．1 國際化和代碼拆分 245
7．2．2 服務(wù)端渲染 250
7．2．3 生產(chǎn)環(huán)境構(gòu)建 260
7．3 小結(jié) 263
第8章 項(xiàng)目6：使用Meteor開發(fā)實(shí)時(shí)儀表盤 264
8．1 項(xiàng)目設(shè)置 265
8．1．1 什么是Meteor 265
8．1．2 安裝Meteor 265
8．1．3 創(chuàng)建項(xiàng)目 266
8．1．4 第 一個(gè)Vue Meteor應(yīng)用 266
8．1．5 路由 268
8．2 產(chǎn)品測量記錄 269
8．2．1 集成Meteor集合 269
8．2．2 設(shè)置數(shù)據(jù) 269
8．2．3 模擬測量記錄 270
8．3 儀表盤和報(bào)告 272
8．3．1 進(jìn)度條庫 272
8．3．2 Meteor發(fā)布 272
8．3．3 創(chuàng)建儀表盤組件 273
8．4 小結(jié) 277