Vue全家桶,項目開發從入門到云部署 版權信息
- ISBN:9787576329711
- 條形碼:9787576329711 ; 978-7-5763-2971-1
- 裝幀:平裝-膠訂
- 冊數:暫無
- 重量:暫無
- 所屬分類:>>
Vue全家桶,項目開發從入門到云部署 本書特色
淘天集團資深前端工程師力作,專為前端開發者量身打造
結合264個示例,詳細介紹移動Web全棧開發的核心技術與框架
通過一個Web項目案例,展現全棧項目開發的完整流程
內容新穎:圍繞當前流行的Vue.js 3前端框架展開講解,重點介紹其新特性。
對比分析:對比Vue.js 3與Vue.js 2.x的差異,幫助讀者快速過渡到Vue.js 3。
內容豐富:全面涵蓋Vue.js、Node、Koa、Vuex、Vue-Router、Vant UI、ES 6、ES 7、Axios和MongoDB等熱門技術與框架。
示例豐富:結合264個示例進行講解,加深讀者對相關概念和知識點的理解。
案例實戰:詳解一個小型案例和一個Web全棧綜合項目案例,提高讀者的實際開發能力。
源碼詳解:對核心源碼進行大量的注釋和詳細的解讀,讓讀者無障礙地閱讀。
避坑提示:給出多個避坑提示與說明,讓讀者在學習的過程中少走彎路。
Vue全家桶,項目開發從入門到云部署 內容簡介
本書共11章:第1、2章介紹Vue.js框架的基礎知識及其組件的使用;第3章介紹Vue-Router管理工程路由的相關知識;第4章介紹Vuex管理數據流的相關知識;第5-7章分別介紹UI組件庫、Koa框架和數據庫的使用,為后面章節的全棧項目開發打下基礎;第8章介紹一個小型項目案例——中臺前端頁面的開發;第9章介紹一個綜合項目案例——移動端電商網站的開發;第10章介紹全棧工程的部署方式,讓讀者了解云端部署的相關知識;第11章介紹前端專家尤雨溪開發的高效構建工具Vite的使用方法。
Vue全家桶,項目開發從入門到云部署 目錄
第1章 漫談Vue 1
1.1 Vue簡介 1
1.1.1 Vue的安裝與配置 1
1.1.2 聲明式渲染與響應式 3
1.1.3 組件化應用 7
1.1.4 指令簡介 10
1.1.5 生命周期 13
1.1.6 前端工程化 16
1.2 模板語法 18
1.2.1 動態響應 18
1.2.2 插槽 22
1.2.3 v-bind和v-on指令的使用 23
1.2.4 計算屬性和偵聽屬性 26
1.3 條件渲染和列表渲染 29
1.3.1 v-if、v-show和v-for指令的使用 29
1.3.2 數組更新檢測 32
1.3.3 小結 34
1.4 事件處理 34
1.4.1 事件監聽 34
1.4.2 事件修飾 37
1.4.3 表單數據監聽 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 體驗Vue 3工程 57
1.6.1 使用腳手架初始化Vue 3工程 57
1.6.2 在頁面中使用Composition API 59
1.6.3 使用TSX編寫頁面 62
1.6.4 在業務代碼中使用Vue 3的組件庫 64
第2章 使用組件 67
2.1 注冊組件 67
2.1.1 全局注冊 67
2.1.2 局部注冊 68
2.1.3 使用component目錄 71
2.1.4 在模塊系統中的局部注冊和自動化注冊 72
2.2 組件數據傳遞 74
2.2.1 使用props對象傳遞數據 74
2.2.2 使用回調函數傳遞數據 77
2.2.3 props數據類型檢查 79
2.3 插槽的詳細用法 80
2.3.1 具名插槽 80
2.3.2 作用域插槽 81
2.3.3 動態插槽 82
2.3.4 其他示例 82
2.4 動態組件和異步組件 84
2.4.1 keep-alive屬性在組件中的應用 84
2.4.2 異步組件加載 85
2.4.3 Vue組件懶加載方案 86
第3章 在項目中使用Vue-Router管理路由 88
3.1 動態路由匹配 88
3.1.1 路由參數響應 88
3.1.2 路由命名 90
3.1.3 路由重定向 91
3.1.4 動態組件傳參 92
3.2 懶加載和數據獲取 94
3.2.1 路由懶加載 94
3.2.2 數據傳遞 95
3.3 導航守衛 98
3.3.1 全局導航守衛 98
3.3.2 路由獨享守衛和組件守衛 100
3.3.3 Vue-Router的Hash模式 103
第4章 Vuex狀態管理 105
4.1 Vuex狀態管理模式 105
4.1.1 單向數據流 105
4.1.2 在$store中獲取對象屬性 106
4.2 Vuex的核心概念 108
4.2.1 使用state屬性、mutation屬性和modules模塊 108
4.2.2 通過getter獲取數據 112
4.2.3 調用action屬性執行狀態變更 113
4.2.4 module模塊的應用 116
4.3 Vuex插件的使用 118
4.3.1 插件功能簡介 118
4.3.2 表單處理 120
4.3.3 測試mutation、action和getter 122
第5章 UI組件庫嘗鮮 126
5.1 Web端和移動端常用的UI組件庫 126
5.1.1 UI組件庫的應用 126
5.1.2 Element UI組件庫在Web項目中的應用 128
5.1.3 Vant UI框架在HTML 5頁面中的應用 132
5.1.4 UI組件庫使用總結 134
5.2 美化Vue組件 138
5.2.1 美化組件樣式 138
5.2.2 基礎組件樣式變換 140
5.2.3 體驗頁面換膚 142
5.3 常用組件應用 144
5.3.1 柵格組件 144
5.3.2 表格組件 146
5.3.3 Dialog對話框 149
5.3.4 描述列表 151
5.3.5 下拉菜單 153
第6章 使用Koa 2搭建服務 156
6.1 Koa 2簡介 156
6.1.1 安裝Koa V 156
6.1.2 response、request和context簡介 157
6.1.3 Async和Await的使用 161
6.1.4 熟悉Koa 2中間件 163
6.2 獲取請求數據 165
6.2.1 通過GET方式獲取數據 165
6.2.2 通過POST方式請求數據 166
6.2.3 koa-bodyparser中間件 169
6.2.4 Koa路由 170
第7章 數據庫的使用 173
7.1 配置數據庫 173
7.1.1 連接數據庫 173
7.1.2 使用ORM框架 175
7.1.3 在項目中封裝數據庫的操作邏輯 177
7.2 常用的數據庫 180
7.2.1 MongoDB數據庫 181
7.2.2 Redis數據庫 183
7.2.3 初步認識GraphQL 187
7.2.4 在項目中應用GraphQL 189
7.3 設計符合業務的數據庫 191
7.3.1 設計數據字典 191
7.3.2 數據庫邏輯結構設計 195
7.3.3 數據庫物理結構設計 197
7.3.4 數據庫實施 199
7.3.5 數據庫運行與維護 201
第8章 小試身手——搭建中臺前端頁面 204
8.1 總體設計 204
8.1.1 技術選型 204
8.1.2 內容設計 206
8.1.3 架構設計 208
8.2 代碼編寫 212
8.2.1 實現Dashboard頁面 212
8.2.2 側邊菜單設計 215
8.2.3 實現用戶權限管理頁面 219
第9章 移動端電商網站開發實戰 224
9.1 系統設計 224
9.1.1 需求分析 224
9.1.2 UI界面設計之商品購買流程 226
9.1.3 UI界面設計之用戶相關頁面 228
9.1.4 UI界面設計之其他頁面 231
9.1.5 數據庫設計之數據字典設計 232
9.1.6 數據庫設計之邏輯結構設計 236
9.1.7 技術方案確定 238
9.2 后端工程搭建 240
9.2.1 初始化后端工程 241
9.2.2 配置和封裝數據庫 244
9.2.3 實現后端接口 247
9.3 前端工程搭建 250
9.3.1 初始化前端工程 250
9.3.2 編寫前端頁面代碼 253
9.3.3 前后端聯調 256
9.3.4 測試階段之開發自動化測試 260
9.3.5 測試階段之測試用例測試 266
第10章 工程部署 270
10.1 使用LearnCloud部署項目 270
10.1.1 運行Web環境示例程序 270
10.1.2 設計數據模型 273
10.1.3 云函數的開發 280
10.1.4 工程部署 283
10.2 搭建部署環境并部署工程 285
10.2.1 申請云端服務器 285
10.2.2 在云端搭建Node環境 287
10.2.3 在云端搭建MongoDB環境 288
10.2.4 部署后端工程 290
10.2.5 部署前端工程 292
第11章 Vite初體驗 294
11.1 搭建**個Vite項目 295
11.2 依賴預構建 296
11.3 靜態資源處理 297
11.4 構建線上生產版本 298
11.5 服務端渲染 301
11.6 預渲染 306
展開全部
Vue全家桶,項目開發從入門到云部署 作者簡介
劉穎斌 長期從事Web前端開發。曾服務于微店和浙江大華技術股份有限公司。目前任職于淘天集團,擔任Web前端工程師,積累了豐富的開發經驗。參與構建過企業級人工智能落地項目,負責用前端技術完成項目的相關功能模塊。還參與了公司電商平臺賣家版業務的實現,為公司帶來了豐厚的廣告收益。