Vue全家桶：項(xiàng)目開發(fā)從入門到云部署

京東、 等網(wǎng)店目錄請(qǐng)直接傳所提供的750或790尺寸的目錄jpg圖，可不用傳文字版 ，只要傳了圖片即可。
第1章 漫談Vue 1
1.1 Vue簡(jiǎn)介 1
1.1.1 Vue的安裝與配置 1
1.1.2 聲明式渲染與響應(yīng)式 3
1.1.3 組件化應(yīng)用 7
1.1.4 指令簡(jiǎn)介 10
1.1.5 生命周期 13
1.1.6 前端工程化 16
1.2 模板語(yǔ)法 18
1.2.1 動(dòng)態(tài)響應(yīng) 18
1.2.2 插槽 22
1.2.3 v-bind和v-on指令的使用 23
1.2.4 計(jì)算屬性和偵聽(tīng)屬性 26
1.3 條件渲染和列表渲染 29
1.3.1 v-if、v-show和v-for指令的使用 29
1.3.2 數(shù)組 新檢測(cè) 32
1.3.3 小結(jié) 34
1.4 事件處理 34
1.4.1 事件監(jiān)聽(tīng) 34
1.4.2 事件修飾 37
1.4.3 表單數(shù)據(jù)監(jiān)聽(tīng) 39
1.4.4 在組件中使用v-model指令 41
1.5 Vue 3的新特性 43
1.5.1 組合式API 43
1.5.2 自定義渲染器 49
1.5.3 Suspense屬性 51
1.5.4 Teleport屬性 52
1.5.5 異步組件使用的變化 56
1.6 體驗(yàn)Vue 3工程 57
1.6.1 使用腳手架初始化Vue 3工程 57
1.6.2 在頁(yè)面中使用Composition API 59
1.6.3 使用TSX編寫頁(yè)面 62
1.6.4 在業(yè)務(wù)代碼中使用Vue 3的組件庫(kù) 64
第2章 使用組件 67
2.1 注冊(cè)組件 67
2.1.1 全局注冊(cè) 67
2.1.2 局部注冊(cè) 68
2.1.3 使用component目錄 71
2.1.4 在模塊系統(tǒng)中的局部注冊(cè)和自動(dòng)化注冊(cè) 72
2.2 組件數(shù)據(jù)傳遞 74
2.2.1 使用props對(duì)象傳遞數(shù)據(jù) 74
2.2.2 使用回調(diào)函數(shù)傳遞數(shù)據(jù) 77
2.2.3 props數(shù)據(jù)類型檢查 79
2.3 插槽的詳細(xì)用法 80
2.3.1 具名插槽 80
2.3.2 作用域插槽 81
2.3.3 動(dòng)態(tài)插槽 82
2.3.4 其他示例 82
2.4 動(dòng)態(tài)組件和異步組件 84
2.4.1 keep-alive屬性在組件中的應(yīng)用 84
2.4.2 異步組件加載 85
2.4.3 Vue組件懶加載方案 86
第3章 在項(xiàng)目中使用Vue-Router管理路由 88
3.1 動(dòng)態(tài)路由匹配 88
3.1.1 路由參數(shù)響應(yīng) 88
3.1.2 路由命名 90
3.1.3 路由重定向 91
3.1.4 動(dòng)態(tài)組件傳參 92
3.2 懶加載和數(shù)據(jù)獲取 94
3.2.1 路由懶加載 94
3.2.2 數(shù)據(jù)傳遞 95
3.3 導(dǎo)航守衛(wèi) 98
3.3.1 全局導(dǎo)航守衛(wèi) 98
3.3.2 路由獨(dú)享守衛(wèi)和組件守衛(wèi) 100
3.3.3 Vue-Router的Hash模式 103
第4章 Vuex狀態(tài)管理 105
4.1 Vuex狀態(tài)管理模式 105
4.1.1 單向數(shù)據(jù)流 105
4.1.2 在$store中獲取對(duì)象屬性 106
4.2 Vuex的核心概念 108
4.2.1 使用state屬性、mutation屬性和modules模塊 108
4.2.2 通過(guò)getter獲取數(shù)據(jù) 112
4.2.3 調(diào)用action屬性執(zhí)行狀態(tài)變 113
4.2.4 module模塊的應(yīng)用 116
4.3 Vuex插件的使用 118
4.3.1 插件功能簡(jiǎn)介 118
4.3.2 表單處理 120
4.3.3 測(cè)試mutation、action和getter 122
第5章 UI組件庫(kù)嘗鮮 126
5.1 Web端和移動(dòng)端常用的UI組件庫(kù) 126
5.1.1 UI組件庫(kù)的應(yīng)用 126
5.1.2 Element UI組件庫(kù)在Web項(xiàng)目中的應(yīng)用 128
5.1.3 Vant UI框架在HTML 5頁(yè)面中的應(yīng)用 132
5.1.4 UI組件庫(kù)使用總結(jié) 134
5.2 美化Vue組件 138
5.2.1 美化組件樣式 138
5.2.2 基礎(chǔ)組件樣式變換 140
5.2.3 體驗(yàn)頁(yè)面換膚 142
5.3 常用組件應(yīng)用 144
5.3.1 柵格組件 144
5.3.2 表格組件 146
5.3.3 Dialog對(duì)話框 149
5.3.4 描述列表 151
5.3.5 下拉菜單 153
第6章 使用Koa 2搭建服務(wù) 156
6.1 Koa 2簡(jiǎn)介 156
6.1.1 安裝Koa V 156
6.1.2 response、request和context簡(jiǎn)介 157
6.1.3 Async和Await的使用 161
6.1.4 熟悉Koa 2中間件 163
6.2 獲取請(qǐng)求數(shù)據(jù) 165
6.2.1 通過(guò)GET方式獲取數(shù)據(jù) 165
6.2.2 通過(guò)POST方式請(qǐng)求數(shù)據(jù) 166
6.2.3 koa-bodyparser中間件 169
6.2.4 Koa路由 170
第7章 數(shù)據(jù)庫(kù)的使用 173
7.1 配置數(shù)據(jù)庫(kù) 173
7.1.1 連接數(shù)據(jù)庫(kù) 173
7.1.2 使用ORM框架 175
7.1.3 在項(xiàng)目中封裝數(shù)據(jù)庫(kù)的操作邏輯 177
7.2 常用的數(shù)據(jù)庫(kù) 180
7.2.1 MongoDB數(shù)據(jù)庫(kù) 181
7.2.2 Redis數(shù)據(jù)庫(kù) 183
7.2.3 初步認(rèn)識(shí)GraphQL 187
7.2.4 在項(xiàng)目中應(yīng)用GraphQL 189
7.3 設(shè)計(jì)符合業(yè)務(wù)的數(shù)據(jù)庫(kù) 191
7.3.1 設(shè)計(jì)數(shù)據(jù)字典 191
7.3.2 數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì) 195
7.3.3 數(shù)據(jù)庫(kù)物理結(jié)構(gòu)設(shè)計(jì) 197
7.3.4 數(shù)據(jù)庫(kù)實(shí)施 199
7.3.5 數(shù)據(jù)庫(kù)運(yùn)行與維護(hù) 201
第8章 小試身手——搭建中臺(tái)前端頁(yè)面 204
8.1 總體設(shè)計(jì) 204
8.1.1 技術(shù)選型 204
8.1.2 內(nèi)容設(shè)計(jì) 206
8.1.3 架構(gòu)設(shè)計(jì) 208
8.2 代碼編寫 212
8.2.1 實(shí)現(xiàn)Dashboard頁(yè)面 212
8.2.2 側(cè)邊菜單設(shè)計(jì) 215
8.2.3 實(shí)現(xiàn)用戶權(quán)限管理頁(yè)面 219
第9章 移動(dòng)端電商網(wǎng)站開發(fā)實(shí)戰(zhàn) 224
9.1 系統(tǒng)設(shè)計(jì) 224
9.1.1 需求分析 224
9.1.2 UI界面設(shè)計(jì)之商品購(gòu)買流程 226
9.1.3 UI界面設(shè)計(jì)之用戶相關(guān)頁(yè)面 228
9.1.4 UI界面設(shè)計(jì)之其他頁(yè)面 231
9.1.5 數(shù)據(jù)庫(kù)設(shè)計(jì)之?dāng)?shù)據(jù)字典設(shè)計(jì) 232
9.1.6 數(shù)據(jù)庫(kù)設(shè)計(jì)之邏輯結(jié)構(gòu)設(shè)計(jì) 236
9.1.7 技術(shù)方案確定 238
9.2 后端工程搭建 240
9.2.1 初始化后端工程 241
9.2.2 配置和封裝數(shù)據(jù)庫(kù) 244
9.2.3 實(shí)現(xiàn)后端接口 247
9.3 前端工程搭建 250
9.3.1 初始化前端工程 250
9.3.2 編寫前端頁(yè)面代碼 253
9.3.3 前后端聯(lián)調(diào) 256
9.3.4 測(cè)試階段之開發(fā)自動(dòng)化測(cè)試 260
9.3.5 測(cè)試階段之測(cè) 例測(cè)試 266
0章 工程部署 270
10.1 使用LearnCloud部署項(xiàng)目 270
10.1.1 運(yùn)行Web環(huán)境示例程序 270
10.1.2 設(shè)計(jì)數(shù)據(jù)模型 273
10.1.3 云函數(shù)的開發(fā) 280
10.1.4 工程部署 283
10.2 搭建部署環(huán)境并部署工程 285
10.2.1 申請(qǐng)?jiān)贫朔?wù)器 285
10.2.2 在云端搭建Node環(huán)境 287
10.2.3 在云端搭建MongoDB環(huán)境 288
10.2.4 部署后端工程 290
10.2.5 部署前端工程 292
1章 Vite初體驗(yàn) 294
11.1 搭建 個(gè)Vite項(xiàng)目 295
11.2 依賴預(yù)構(gòu)建 296
11.3 靜態(tài)資源處理 297
11.4 構(gòu)建 生產(chǎn)版本 298
11.5 服務(wù)端渲染 301
11.6 預(yù)渲染 306