循序漸進(jìn)Vue.js 3.x前端開發(fā)實(shí)踐 版權(quán)信息
- ISBN:9787302671305
- 條形碼:9787302671305 ; 978-7-302-67130-5
- 裝幀:一般膠版紙
- 冊(cè)數(shù):暫無
- 重量:暫無
- 所屬分類:>
循序漸進(jìn)Vue.js 3.x前端開發(fā)實(shí)踐 本書特色
《循序漸進(jìn)Vue.js 3.x前端開發(fā)實(shí)踐》由資深架構(gòu)師傾力打造,是一本深入講解Vue.js 3.x的實(shí)戰(zhàn)教程。作者從基礎(chǔ)原理到項(xiàng)目實(shí)踐,內(nèi)容通俗易懂,親和力十足,讓讀者在輕松閱讀中獲得技能提升。
作為廣受歡迎的教學(xué)用書,前兩版累計(jì)加印達(dá)到14次之多,眾多高校將其選為教材。新版全面覆蓋Vue.js 3.x的*新特性,確保讀者能夠掌握前沿的企業(yè)級(jí)項(xiàng)目開發(fā)技能,而非純理論的空談。
《循序漸進(jìn)Vue.js 3.x前端開發(fā)實(shí)踐》從解答“為什么要使用Vue.js”這一問題開始,逐步展示了利用Vue.js 3.x及其配套工具進(jìn)行商業(yè)項(xiàng)目開發(fā)的全套技巧。讀者可以通過《循序漸進(jìn)Vue.js 3.x前端開發(fā)實(shí)踐》,有效學(xué)習(xí)多種工具的綜合應(yīng)用,避免走彎路,快速提升開發(fā)能力。
在新版中,作者精心刪減了過時(shí)的內(nèi)容,并增加了關(guān)于新特性、新工具和新實(shí)例的介紹。此外,還提供了豐富的學(xué)習(xí)資源,如教學(xué)視頻、代碼導(dǎo)讀手冊(cè)、完整源碼和PPT教學(xué)課件等,使讀者能夠更高效地學(xué)習(xí)和掌握知識(shí)。
為了方便讀者更好地學(xué)習(xí)和參考,書中所有代碼均進(jìn)行了編號(hào)。各章節(jié)不僅提供了實(shí)際操作案例和演練,還有詳細(xì)的操作步驟指導(dǎo),確保讀者能夠順利實(shí)現(xiàn)項(xiàng)目目標(biāo)。同時(shí),還提供答疑解惑和QQ群技術(shù)支持,保障讀者在學(xué)習(xí)過程中能夠得到有效的幫助。
總體來說,這本書將專業(yè)性、實(shí)用性、前沿性和親和力完美結(jié)合,相信能為讀者帶來意想不到的學(xué)習(xí)成果和收獲。
循序漸進(jìn)Vue.js 3.x前端開發(fā)實(shí)踐 內(nèi)容簡介
本書由一位擁有豐富前端開發(fā)經(jīng)驗(yàn)的架構(gòu)師撰寫,旨在通過詳盡的理論知識(shí)講解和豐富的實(shí)踐練習(xí),幫助初學(xué)者深入掌握Vue.js框架,并能夠獨(dú)立開發(fā)商業(yè)級(jí)別的Web應(yīng)用程序。本書分為14章,內(nèi)容涵蓋Vue.js的基本概念、模板語法、組件使用、用戶交互處理、動(dòng)畫效果實(shí)現(xiàn)、腳手架工具Vite的使用,以及如何利用UI框架Element Plus、網(wǎng)絡(luò)請(qǐng)求框架Axios、路由管理框架Vue Router和狀態(tài)管理框架Pinia等工具來構(gòu)建商業(yè)級(jí)應(yīng)用。*終章節(jié)通過一個(gè)完整的電商后臺(tái)管理系統(tǒng),對(duì)所學(xué)的知識(shí)進(jìn)行綜合運(yùn)用,加深讀者對(duì)Vue.js開發(fā)流程和技巧的理解,提高項(xiàng)目開發(fā)能力。
本書采用官方推薦的組合式API代碼組織方式,所有涉及的工具都使用新版本,每章均配備了動(dòng)手練習(xí)和上機(jī)演練指導(dǎo)。此外,為了適應(yīng)不同層次的讀者,本書提供了完整的代碼導(dǎo)讀手冊(cè)和視頻教學(xué)資源,使學(xué)習(xí)更加便捷高效。
本書適合Vue.js前端開發(fā)新手和有一定經(jīng)驗(yàn)的開發(fā)者使用,也很適合作為大中專院校相關(guān)課程的教學(xué)用書。
循序漸進(jìn)Vue.js 3.x前端開發(fā)實(shí)踐 目錄
第1章 走進(jìn)Vue 3的新世界 1
1.1 前端技術(shù)演進(jìn) 1
1.2 Vue框架的前世今生 2
1.2.1 準(zhǔn)備開發(fā)工具 2
1.2.2 Vue的發(fā)展歷史 4
1.2.3 Vue 3.x的新特性 5
1.3 Vue框架初體驗(yàn) 6
1.3.1 **個(gè)Vue工程 7
1.3.2 動(dòng)手練習(xí):實(shí)現(xiàn)一個(gè)簡單的用戶登錄頁面 10
1.3.3 為什么使用Vue框架 12
1.4 小結(jié)與上機(jī)演練 12
第2章 Vue模板與應(yīng)用 15
2.1 模板基礎(chǔ) 15
2.1.1 模板插值 16
2.1.2 模板指令 18
2.2 條件渲染 20
2.2.1 使用v-if指令進(jìn)行條件渲染 20
2.2.2 使用v-show指令進(jìn)行條件渲染 23
2.3 循環(huán)渲染 24
2.3.1 v-for指令的使用方法 24
2.3.2 v-for指令的高級(jí)用法 26
2.4 動(dòng)手練習(xí):實(shí)現(xiàn)待辦任務(wù)列表應(yīng)用 28
2.4.1 步驟一:使用HTML搭建應(yīng)用框架結(jié)構(gòu) 28
2.4.2 步驟二:實(shí)現(xiàn)待辦任務(wù)列表的邏輯開發(fā) 29
2.5 小結(jié)與上機(jī)演練 30
第3章 Vue組件的屬性和方法 33
3.1 屬性與方法基礎(chǔ) 33
3.1.1 屬性基礎(chǔ) 34
3.1.2 方法基礎(chǔ) 34
3.2 計(jì)算屬性和偵聽器 35
3.2.1 計(jì)算屬性 35
3.2.2 使用計(jì)算屬性還是函數(shù) 36
3.2.3 計(jì)算屬性的賦值 37
3.2.4 屬性偵聽器 38
3.3 進(jìn)行函數(shù)限流 40
3.3.1 手動(dòng)實(shí)現(xiàn)一個(gè)簡易的限流函數(shù) 40
3.3.2 使用Lodash庫進(jìn)行函數(shù)限流防抖 42
3.4 表單數(shù)據(jù)的雙向綁定 42
3.4.1 文本輸入框 43
3.4.2 多行文本輸入?yún)^(qū)域 43
3.4.3 復(fù)選框與單選框 44
3.4.4 選擇列表 45
3.4.5 3個(gè)常用的修飾符 46
3.5 樣式綁定 47
3.5.1 為HTML標(biāo)簽綁定Class屬性 47
3.5.2 綁定內(nèi)聯(lián)樣式 49
3.6 動(dòng)手練習(xí):實(shí)現(xiàn)一個(gè)功能完整的用戶注冊(cè)頁面 49
3.6.1 步驟一:搭建用戶注冊(cè)頁面 49
3.6.2 步驟二:實(shí)現(xiàn)注冊(cè)頁面的用戶交互 53
3.7 小結(jié)與上機(jī)演練 55
第4章 處理用戶交互 58
4.1 事件的監(jiān)聽與處理 58
4.1.1 事件監(jiān)聽示例 58
4.1.2 多函數(shù)處理事件 60
4.1.3 事件修飾符 60
4.2 Vue中的事件類型 63
4.2.1 常用的事件類型 63
4.2.2 按鍵修飾符 65
4.3 動(dòng)手練習(xí):編寫一個(gè)隨鼠標(biāo)移動(dòng)的小球 66
4.4 動(dòng)手練習(xí):編寫一個(gè)彈球游戲 68
4.5 小結(jié)與上機(jī)演練 72
第5章 組件基礎(chǔ) 75
5.1 關(guān)于Vue應(yīng)用與組件 75
5.1.1 Vue應(yīng)用的創(chuàng)建 75
5.1.2 定義組件 77
5.2 組件中數(shù)據(jù)與事件的傳遞 78
5.2.1 為組件添加外部屬性 79
5.2.2 處理組件事件 80
5.2.3 在自定義組件上使用v-model指令 82
5.3 自定義組件的插槽 85
5.3.1 組件插槽的基本用法 85
5.3.2 多具名插槽的用法 86
5.4 動(dòng)態(tài)組件的簡單應(yīng)用 88
5.5 動(dòng)手練習(xí):編寫一款小巧的開關(guān)按鈕組件 90
5.6 小結(jié)與上機(jī)演練 92
第6章 組件進(jìn)階 95
6.1 組件的生命周期與高級(jí)配置 95
6.1.1 生命周期方法 95
6.1.2 應(yīng)用的全局配置選項(xiàng) 99
6.1.3 組件的注冊(cè)方式 100
6.2 組件props屬性的高級(jí)用法 101
6.2.1 對(duì)props屬性進(jìn)行驗(yàn)證 101
6.2.2 props的只讀性質(zhì) 104
6.2.3 組件數(shù)據(jù)注入 105
6.3 組件Mixin技術(shù) 108
6.3.1 使用Mixin來定義組件 108
6.3.2 Mixin選項(xiàng)的合并 110
6.3.3 進(jìn)行全局Mixin 111
6.4 使用自定義指令 112
6.4.1 認(rèn)識(shí)自定義指令 112
6.4.2 自定義指令的參數(shù) 113
6.5 組件的Teleport功能 114
6.6 小結(jié)與上機(jī)演練 116
第7章 Vue響應(yīng)式編程 120
7.1 響應(yīng)式編程原理與在Vue中的應(yīng)用 120
7.1.1 手動(dòng)追蹤變量的變化 120
7.1.2 Vue中的響應(yīng)式對(duì)象 123
7.1.3 獨(dú)立的響應(yīng)式值Ref的應(yīng)用 124
7.2 組合式API與選項(xiàng)式API 126
7.2.1 關(guān)于setup方法 127
7.2.2 在setup方法中定義生命周期行為 128
7.3 動(dòng)手練習(xí):實(shí)現(xiàn)支持搜索和篩選的用戶列表 129
7.3.1 常規(guī)風(fēng)格的示例工程開發(fā) 129
7.3.2 使用組合式API重構(gòu)用戶列表頁面 133
7.4 小結(jié)與上機(jī)演練 135
第8章 動(dòng)畫 138
8.1 使用CSS3創(chuàng)建動(dòng)畫 138
8.1.1 transition過渡動(dòng)畫 138
8.1.2 keyframes動(dòng)畫 140
8.2 使用JavaScript方式實(shí)現(xiàn)動(dòng)畫效果 142
8.3 Vue過渡動(dòng)畫 143
8.3.1 定義過渡動(dòng)畫 143
8.3.2 設(shè)置動(dòng)畫過程中的監(jiān)聽回調(diào) 147
8.3.3 多個(gè)組件的過渡動(dòng)畫 148
8.3.4 列表過渡動(dòng)畫 150
8.4 動(dòng)手練習(xí):優(yōu)化用戶列表頁面 151
8.5 小結(jié)與上機(jī)演練 153
第9章 Vue腳手架Vite工具的使用 156
9.1 Vite工具入門 156
9.1.1 使用Vite工具 156
9.1.2 Vite工程結(jié)構(gòu)解析 158
9.2 運(yùn)行Vite項(xiàng)目 160
9.2.1 模板工程的結(jié)構(gòu) 160
9.2.2 運(yùn)行Vite項(xiàng)目工程 163
9.3 使用依賴與工程構(gòu)建 164
9.4 Vite與Vue CLI 165
9.4.1 Vite與Vue CLI 165
9.4.2 體驗(yàn)Vue CLI構(gòu)建工具 165
9.5 小結(jié)與上機(jī)演練 169
第10章 基于Vue 3的UI組件庫Element Plus 171
10.1 Element Plus入門 171
10.1.1 Element Plus的安裝與使用 171
10.1.2 按鈕組件 175
10.1.3 標(biāo)簽組件 177
10.1.4 空態(tài)圖與加載占位圖組件 179
10.1.5 圖片與頭像組件 183
10.2 表單類組件 184
10.2.1 單選框與多選框 184
10.2.2 標(biāo)準(zhǔn)輸入框組件 186
10.2.3 帶推薦列表的輸入框組件 188
10.2.4 數(shù)字輸入框 190
10.2.5 選擇列表 191
10.2.6 多級(jí)列表組件 194
10.3 開關(guān)與滑塊組件 196
10.3.1 開關(guān)組件 196
10.3.2 滑塊組件 198
10.4 選擇器組件 200
10.4.1 時(shí)間選擇器 200
10.4.2 日期選擇器 202
10.4.3 顏色選擇器 203
10.5 提示類組件 204
10.5.1 警告組件 205
10.5.2 消息提示 206
10.5.3 通知組件 208
10.6 數(shù)據(jù)承載相關(guān)組件 209
10.6.1 表格組件 209
10.6.2 導(dǎo)航菜單組件 212
10.6.3 標(biāo)簽頁組件 214
10.6.4 抽屜組件 215
10.6.5 布局容器組件 216
10.7 動(dòng)手練習(xí):教務(wù)系統(tǒng)學(xué)生表 217
10.8 小結(jié)與上機(jī)演練 221
第11章 基于Vue的網(wǎng)絡(luò)框架Axios的應(yīng)用 224
11.1 使用vue-axios請(qǐng)求天氣數(shù)據(jù) 224
11.1.1 使用互聯(lián)網(wǎng)上免費(fèi)的數(shù)據(jù)服務(wù) 224
11.1.2 使用vue-axios進(jìn)行數(shù)據(jù)請(qǐng)求 227
11.2 Axios實(shí)用功能介紹 230
11.2.1 通過配置的方式進(jìn)行數(shù)據(jù)請(qǐng)求 230
11.2.2 請(qǐng)求的配置與響應(yīng)數(shù)據(jù)結(jié)構(gòu) 231
11.2.3 攔截器的使用 232
11.3 動(dòng)手練習(xí):天氣預(yù)報(bào)應(yīng)用 233
11.4 小結(jié)與上機(jī)演練 237
第12章 Vue路由管理 239
12.1 Vue Router的安裝與簡單使用 239
12.1.1 Vue Router的安裝 240
12.1.2 一個(gè)簡單的Vue Router的使用示例 240
12.2 帶參數(shù)的動(dòng)態(tài)路由 242
12.2.1 路由參數(shù)匹配 242
12.2.2 路由匹配的語法規(guī)則 244
12.2.3 路由的嵌套 245
12.3 頁面導(dǎo)航 247
12.3.1 使用路由方法 247
12.3.2 導(dǎo)航歷史控制 248
12.4 關(guān)于路由的命名 249
12.4.1 使用名稱進(jìn)行路由切換 249
12.4.2 路由視圖命名 249
12.4.3 使用別名 251
12.4.4 路由重定向 252
12.5 關(guān)于路由傳參 252
12.6 路由導(dǎo)航守衛(wèi) 254
12.6.1 定義全局的導(dǎo)航守衛(wèi) 254
12.6.2 為特定的路由注冊(cè)導(dǎo)航守衛(wèi) 255
12.7 動(dòng)態(tài)路由 256
12.8 動(dòng)手練習(xí):實(shí)現(xiàn)一個(gè)多頁面單頁應(yīng)用程序 258
12.9 小結(jié)與上機(jī)演練 260
第13章 Vue狀態(tài)管理 264
13.1 了解Pinia框架的精髓 264
13.1.1 理解狀態(tài)管理 265
13.1.2 安裝與體驗(yàn)Pinia 266
13.2 Pinia中的一些核心概念 269
13.2.1 Pinia中的Store 269
13.2.2 Pinia中的State 270
13.2.3 Pinia中的Getters 271
13.2.4 Pinia中的Actions 272
13.3 Pinia插件 273
13.3.1 插件使用示例 273
13.3.2 使用插件擴(kuò)展Store 274
13.4 動(dòng)手練習(xí):創(chuàng)建一個(gè)簡單的圖書管理系統(tǒng) 275
13.5 小結(jié)與上機(jī)演練 278
第14章 商業(yè)項(xiàng)目:電商后臺(tái)管理系統(tǒng)實(shí)戰(zhàn) 281
14.1 用戶登錄模塊開發(fā) 281
14.1.1 項(xiàng)目搭建 281
14.1.2 用戶登錄頁面開發(fā) 284
14.2 電商后臺(tái)管理系統(tǒng)主頁搭建 287
14.2.1 主頁框架搭建 287
14.2.2 完善注銷功能 290
14.3 訂單管理模塊的開發(fā) 291
14.3.1 使用Mock.js進(jìn)行模擬數(shù)據(jù)的生成 291
14.3.2 編寫工具類與全局樣式 292
14.3.3 完善訂單管理頁面 293
14.4 商品管理模塊的開發(fā) 299
14.4.1 商品管理列表頁的開發(fā) 299
14.4.2 新建商品之基礎(chǔ)配置 305
14.4.3 新建商品之價(jià)格和庫存配置 308
14.4.4 新建商品之詳情設(shè)置 310
14.4.5 添加商品分類 312
14.5 店長管理模塊的開發(fā) 314
14.5.1 店長列表開發(fā) 314
14.5.2 店長審批列表與店長訂單 317
14.6 財(cái)務(wù)管理與數(shù)據(jù)統(tǒng)計(jì)功能模塊開發(fā) 318
14.6.1 交易明細(xì)與財(cái)務(wù)對(duì)賬單 318
14.6.2 數(shù)據(jù)統(tǒng)計(jì)模塊開發(fā) 319
14.7 小結(jié)與上機(jī)演練 324
展開全部
循序漸進(jìn)Vue.js 3.x前端開發(fā)實(shí)踐 作者簡介
張益琿,擁有美國亞利桑那州立大學(xué)計(jì)算機(jī)工程技術(shù)碩士學(xué)位證書,他以一名架構(gòu)師的身份,在近10年的軟件行業(yè)從業(yè)生涯中積累了豐富的經(jīng)驗(yàn)。他擅長大前端開發(fā),曾在多家知名上市公司擔(dān)任要職,主導(dǎo)開發(fā)了多款成功的商業(yè)級(jí)應(yīng)用程序。他的專長包括移動(dòng)跨平臺(tái)開發(fā)、前端開發(fā),以及Vue.js、React、Flutter、小程序和iOS開發(fā)等領(lǐng)域。
張益琿作為開源中國社區(qū)的特邀技術(shù)專家,積極分享自己的專業(yè)知識(shí),已發(fā)表相關(guān)技術(shù)博文400余篇,總訪問量超過100萬次。他還致力于知識(shí)傳播,出版了多部圖書,包括《微信小程序與云開發(fā)從入門到實(shí)踐》和《Swift 5從零到精通iOS開發(fā)訓(xùn)練營》等。