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

第 1章 Vue開發(fā)入門 1
1．1 為什么需要另外一個前端框架 1
1．1．1 一個有發(fā)展前景的項目 2
1．1．2 兼容性要求 2
1．2 一分鐘設(shè)置 3
1．3 創(chuàng)建一個應(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章 項目1：Markdown筆記本 9
2．1 一個基本的筆記編輯器 10
2．1．1 項目設(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章 項目2：城堡決斗游戲 41
3．1 游戲規(guī)則 41
3．2 項目設(shè)置 44
3．3 暴風(fēng)雨前的平靜 45
3．3．1 模板選項 45
3．3．2 應(yīng)用的state 45
3．3．3 萬能的組件 47
3．4 構(gòu)建用戶界面 48
3．4．1 第 一個組件：頂欄 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章 高級項目設(shè)置 93
4．1 設(shè)置開發(fā)環(huán)境 93
4．1．1 安裝官方命令行工具vue-cli 93
4．1．2 代碼編輯器 94
4．2 第 一個完整的Vue應(yīng)用 94
4．2．1 項目腳手架 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章 項目3：支持中心 109
5．1 通用應(yīng)用結(jié)構(gòu) 109
5．1．1 項目設(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章 項目4：博客地圖 172
6．1 Google認(rèn)證和狀態(tài)管理 173
6．1．1 項目設(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章 項目5：在線商店以及擴(kuò)展 232
7．1 高級開發(fā)流程 232
7．1．1 項目設(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章 項目6：使用Meteor開發(fā)實(shí)時儀表盤 264
8．1 項目設(shè)置 265
8．1．1 什么是Meteor 265
8．1．2 安裝Meteor 265
8．1．3 創(chuàng)建項目 266
8．1．4 第 一個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 儀表盤和報告 272
8．3．1 進(jìn)度條庫 272
8．3．2 Meteor發(fā)布 272
8．3．3 創(chuàng)建儀表盤組件 273
8．4 小結(jié) 277