Vue全家桶:專案開發從入門到雲端部署

劉穎斌

  • 出版商: 北京理工大學
  • 出版日期: 2023-10-01
  • 售價: $594
  • 貴賓價: 9.5$564
  • 語言: 簡體中文
  • 裝訂: 平裝
  • ISBN: 7576329718
  • ISBN-13: 9787576329711
  • 相關分類: Vue.js
  • 立即出貨 (庫存 < 4)

買這商品的人也買了...

商品描述

Vue.js前端框架有良好的中文文件和逐漸完善的生態,得到了越來越多的公司和開發者的青睞。
《Vue全家桶:專案開發從入門到雲端部署》是一本為前端開發者量身打造的學習用書,
可以幫助他們全面、系統地掌握Vue.js核心技術,並用其進行專案開發。

《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
0章 工程部署 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
1章 Vite初體驗 294
11.1 搭建 個Vite專案 295
11.2 依賴預建 296
11.3 靜態資源處理 297
11.4 建置 生產版本 298
11.5 服務端渲染 301
11.6 預渲染 306