Vue.js 3.X從入門到項(xiàng)目實(shí)踐 版權(quán)信息
- ISBN:9787302665472
- 條形碼:9787302665472 ; 978-7-302-66547-2
- 裝幀:平裝-膠訂
- 冊(cè)數(shù):暫無
- 重量:暫無
- 所屬分類:>>
Vue.js 3.X從入門到項(xiàng)目實(shí)踐 本書特色
《Vue.js 3.X從入門到項(xiàng)目實(shí)踐》的特色如下:
零基礎(chǔ)、入門級(jí)的講解
無論您是否從事計(jì)算機(jī)相關(guān)行業(yè),也無論您是否接觸過Vue.js框架,都能從本書中找到適合的起點(diǎn)。
實(shí)用、專業(yè)的范例和項(xiàng)目
本書在編排上緊密結(jié)合深入學(xué)習(xí)Vue.js框架技術(shù)的過程,從Vue.js框架基本操作開始,逐步帶領(lǐng)讀者學(xué)習(xí)Vue.js框架的各種應(yīng)用技巧,側(cè)重實(shí)戰(zhàn)技能,使用簡(jiǎn)單易懂的實(shí)際案例進(jìn)行分析和操作指導(dǎo),讓讀者學(xué)起來輕松,操作起來有章可循。
隨時(shí)隨地學(xué)習(xí)
本書提供了微課視頻,通過手機(jī)掃碼即可觀看,隨時(shí)隨地解決學(xué)習(xí)中的困惑。
細(xì)致入微、貼心提示
本書在講解過程中,在各章中使用了“注意”“提示”“技巧”等小欄目,使讀者在學(xué)習(xí)過程中能更清楚地了解相關(guān)操作、理解相關(guān)概念,并輕松掌握各種操作技巧。
超值資源大放送
贈(zèng)送大量資源,包括本書案例源代碼、同步教學(xué)視頻、精美教學(xué)幻燈片、教學(xué)大綱、30套熱門Vue.js項(xiàng)目源碼、160套jQuery精彩案例、職業(yè)成長資源庫、軟件開發(fā)資源庫、名企網(wǎng)站前端開發(fā)招聘考試題庫、畢業(yè)求職面試資源庫等。
Vue.js 3.X從入門到項(xiàng)目實(shí)踐 內(nèi)容簡(jiǎn)介
本書針對(duì)零基礎(chǔ)讀者,用實(shí)例引導(dǎo)讀者深入學(xué)習(xí)。書中深入淺出地講解了Vue.js框架的各項(xiàng)實(shí)戰(zhàn)技術(shù)。
本書共18章,主要講解了Vue.js的基本概念、Vue實(shí)例和模板語法、計(jì)算屬性和偵聽器、指令、頁面元素樣式的綁定、事件處理、雙向數(shù)據(jù)綁定、組件、組合API、項(xiàng)目腳手架vue-cli和Vite、使用webpack打包、玩轉(zhuǎn)前端路由(vue-router)、狀態(tài)管理(vuex)等。*后講解了5個(gè)行業(yè)熱點(diǎn)項(xiàng)目實(shí)訓(xùn),包括科技企業(yè)網(wǎng)站系統(tǒng)、在線教育網(wǎng)站系統(tǒng)、圖書管理系統(tǒng)、家庭裝修網(wǎng)站系統(tǒng)和企業(yè)辦公自動(dòng)化系統(tǒng)。
本書適合任何想學(xué)習(xí)Vue.js框架的人員,無論您是否從事計(jì)算機(jī)相關(guān)行業(yè),也無論您是否接觸過Vue.js框架,通過學(xué)習(xí)本書內(nèi)容均可快速掌握Vue.js框架設(shè)計(jì)的方法和技巧。
Vue.js 3.X從入門到項(xiàng)目實(shí)踐 目錄
1.1 Vue.js 3.x概述 1
1.1.1 MVVM模式 1
1.1.2 Vue.js是什么 2
1.1.3 Vue.js有什么不同 3
1.2 為什么要使用Vue.js 4
1.2.1 傳統(tǒng)的前端開發(fā)模式 4
1.2.2 Vue.js的開發(fā)模式 5
1.3 Vue.js的安裝 5
1.3.1 直接使用標(biāo)簽引入 5
1.3.2 NPM 5
1.3.3 命令行工具(CLI) 6
1.3.4 使用Vite方式 6
1.4 **個(gè)Vue.js程序 6
1.5 疑難解惑 8
第2章 Vue.js實(shí)例和模板語法 11
2.1 Vue.js實(shí)例 11
2.1.1 創(chuàng)建一個(gè)Vue.js實(shí)例 11
2.1.2 數(shù)據(jù)與方法 12
2.1.3 實(shí)例生命周期鉤子函數(shù) 12
2.1.4 實(shí)例化多個(gè)對(duì)象 14
2.2 模板語法 17
2.2.1 插值 17
2.2.2 指令 20
2.2.3 縮寫 20
2.3 綜合案例——通過插值語法實(shí)現(xiàn)商品信息組合 21
2.4 疑難解惑 22
第3章 計(jì)算屬性和偵聽器 23
3.1 計(jì)算屬性 23
3.2 計(jì)算屬性與方法的區(qū)別 24
3.3 監(jiān)聽器 26
3.3.1 回調(diào)值為函數(shù)或方法 26
3.3.2 回調(diào)值為對(duì)象 28
3.4 綜合案例——通過計(jì)算屬性設(shè)計(jì)注冊(cè)表 29
3.5 疑難解惑 33
第4章 指令 37
4.1 基本指令 37
4.1.1 v-cloak 37
4.1.2 v-once 38
4.1.3 v-text與v-html 39
4.1.4 v-bind 40
4.1.5 v-on 41
4.2 條件渲染 42
4.2.1 v-if 42
4.2.2 在元素上使用v-if條件渲染分組 44
4.2.3 v-else 44
4.2.4 v-else-if 45
4.2.5 v-show 46
4.2.6 v-if與v-show的區(qū)別 47
4.3 列表渲染 48
4.3.1 使用v-for指令遍歷元素 48
4.3.2 維護(hù)狀態(tài) 52
4.3.3 數(shù)組更新檢測(cè) 52
4.3.4 對(duì)象變更檢測(cè)注意事項(xiàng) 55
4.3.5 在上使用v-for 56
4.3.6 v-for與v-if一起使用 57
4.4 自定義指令 58
4.5 綜合案例——設(shè)計(jì)商品采購列表 59
4.6 疑難解惑 60
第5章 頁面元素樣式的綁定 61
5.1 綁定HTML樣式(class) 61
5.1.1 數(shù)組語法 61
5.1.2 對(duì)象語法 63
5.1.3 用在組件上 66
5.2 綁定內(nèi)聯(lián)樣式(style) 66
5.2.1 對(duì)象語法 66
5.2.2 數(shù)組語法 68
5.3 綜合案例——設(shè)計(jì)網(wǎng)上商城購物車效果 69
5.4 疑難解惑 73
第6章 事件處理 75
6.1 監(jiān)聽事件 75
6.2 事件處理方法 76
6.3 事件修飾符 81
6.3.1 stop 81
6.3.2 capture 83
6.3.3 self 85
6.3.4 once 86
6.3.5 prevent 87
6.3.6 passive 88
6.4 按鍵修飾符 88
6.5 系統(tǒng)修飾鍵 90
6.6 綜合案例——設(shè)計(jì)商城tab欄切換 91
6.7 疑難解惑 93
第7章 雙向數(shù)據(jù)綁定(表單輸入綁定) 95
7.1 雙向綁定 95
7.2 基本用法 95
7.2.1 文本 96
7.2.2 多行文本 97
7.2.3 復(fù)選框 97
7.2.4 單選按鈕 99
7.2.5 選擇框 99
7.3 值綁定 102
7.3.1 復(fù)選框 102
7.3.2 單選按鈕 103
7.3.3 選擇框 104
7.4 修飾符 105
7.4.1 lazy 105
7.4.2 number 105
7.4.3 trim 106
7.5 綜合案例——破壞瓶子小游戲 107
7.6 疑難解惑 109
第8章 精通組件 111
8.1 組件是什么 111
8.2 組件的注冊(cè) 111
8.2.1 全局注冊(cè) 111
8.2.2 局部注冊(cè) 112
8.3 使用prop向子組件傳遞數(shù)據(jù) 113
8.3.1 prop基本用法 113
8.3.2 單向數(shù)據(jù)流 117
8.3.3 prop驗(yàn)證 117
8.3.4 非prop的屬性 119
8.4 子組件向父組件傳遞數(shù)據(jù) 120
8.4.1 監(jiān)聽子組件事件 121
8.4.2 將原生事件綁定到組件 122
8.4.3 sync修飾符 123
8.5 插槽 125
8.5.1 插槽的基本用法 125
8.5.2 編譯作用域 126
8.5.3 默認(rèn)內(nèi)容 126
8.5.4 命名插槽 127
8.5.5 作用域插槽 130
8.5.6 解構(gòu)插槽prop 132
8.6 綜合案例——設(shè)計(jì)商城輪播效果圖 133
8.7 疑難解惑 135
第9章 組合API 137
9.1 為什么要引入組合API 137
9.2 setup()函數(shù) 137
9.3 響應(yīng)式API 138
9.3.1 reactive()方法和watchEffect()方法 139
9.3.2 ref()方法 140
9.3.3 readonly()方法 141
9.3.4 computed()方法 141
9.3.5 watch()方法 142
9.4 綜合案例——開發(fā)待辦事項(xiàng)功能 143
9.5 疑難解惑 144
第10章 項(xiàng)目腳手架vue-cli和Vite 145
10.1 腳手架的組件 145
10.2 腳手架環(huán)境搭建 146
10.3 安裝腳手架 148
10.4 創(chuàng)建項(xiàng)目 149
10.4.1 使用命令創(chuàng)建項(xiàng)目 149
10.4.2 使用圖形化界面創(chuàng)建項(xiàng)目 150
10.5 分析項(xiàng)目結(jié)構(gòu) 153
10.6 構(gòu)建工具Vite 155
10.7 疑難解惑 157
第11章 使用webpack打包 159
11.1 前端工程化與 webpack 159
11.2 webpack基礎(chǔ)配置 162
11.2.1 使用webpack構(gòu)建Vue.js 3.x項(xiàng)目 162
11.2.2 就是一個(gè)JS文件而已 165
11.2.3 逐步完善配置文件 165
11.3 單文件組件與vue-loader 167
11.4 疑難解惑 170
第12章 玩轉(zhuǎn)前端路由 173
12.1 使用Vue Router實(shí)現(xiàn)前端路由控制 173
12.1.1 前端路由的實(shí)現(xiàn)方式 173
12.1.2 路由實(shí)現(xiàn) 174
12.2 Vue Router中的常用技術(shù) 177
12.2.1 命名路由 178
12.2.2 命名視圖 179
12.2.3 路由傳參 184
12.3 編程式導(dǎo)航 187
12.4 組件與Vue Router間解耦 191
12.4.1 布爾模式 191
12.4.2 對(duì)象模式 194
12.4.3 函數(shù)模式 196
12.5 疑難解惑 199
第13章 狀態(tài)管理Vuex 201
13.1 什么是Vuex 201
13.1.1 什么是狀態(tài)管理模式 201
13.1.2 什么情況下使用Vuex 202
13.2 使用Vuex 203
13.3 在項(xiàng)目中使用Vuex 203
13.3.1 搭建一個(gè)項(xiàng)目 203
13.3.2 state對(duì)象 205
13.3.3 getters對(duì)象 206
13.3.4 mutations對(duì)象 208
13.3.5 actions對(duì)象 210
13.4 疑難解惑 212
第14章 項(xiàng)目實(shí)戰(zhàn)1——開發(fā)科技企業(yè)網(wǎng)站系統(tǒng) 213
14.1 使用Vite搭建項(xiàng)目 213
14.2 設(shè)計(jì)首頁頁面 216
14.2.1 網(wǎng)頁頭部組件 216
14.2.2 網(wǎng)頁首頁組件 218
14.2.3 網(wǎng)頁頁腳組件 219
14.3 設(shè)計(jì)主營業(yè)務(wù)組件 220
14.4 設(shè)計(jì)關(guān)于我們組件 221
14.5 設(shè)計(jì)企業(yè)新聞組件 223
14.6 設(shè)計(jì)聯(lián)系我們組件 224
14.7 路由配置 225
14.8 系統(tǒng)的運(yùn)行 225
14.9 系統(tǒng)的調(diào)試 226
第15章 項(xiàng)目實(shí)戰(zhàn)2——開發(fā)在線教育網(wǎng)站系統(tǒng) 229
15.1 項(xiàng)目環(huán)境及框架 229
15.1.1 系統(tǒng)開發(fā)環(huán)境要求 229
15.1.2 軟件框架 229
15.2 系統(tǒng)分析 230
15.2.1 系統(tǒng)功能設(shè)計(jì) 230
15.2.2 系統(tǒng)功能結(jié)構(gòu)圖 231
15.3 系統(tǒng)主要功能實(shí)現(xiàn) 231
15.3.1 首頁頁面的實(shí)現(xiàn) 231
15.3.2 課程列表頁面的實(shí)現(xiàn) 239
15.4.3 合作院校頁面的實(shí)現(xiàn) 240
15.3.4 高職課堂頁面的實(shí)現(xiàn) 241
15.3.5 課程詳情頁面的實(shí)現(xiàn) 242
15.3.6 登錄、注冊(cè)頁面的實(shí)現(xiàn) 244
第16章 項(xiàng)目實(shí)戰(zhàn)3——開發(fā)圖書管理系統(tǒng) 251
16.1 項(xiàng)目環(huán)境及框架 251
16.1.1 系統(tǒng)開發(fā)環(huán)境要求 251
16.1.2 軟件框架 251
16.2 系統(tǒng)分析 252
16.2.1 系統(tǒng)功能設(shè)計(jì) 252
16.2.2 系統(tǒng)功能結(jié)構(gòu)圖 253
16.3 系統(tǒng)主要功能實(shí)現(xiàn) 253
16.3.1 登錄頁面的實(shí)現(xiàn) 253
16.3.2 注冊(cè)頁面的實(shí)現(xiàn) 255
16.3.3 首頁頁面的實(shí)現(xiàn) 255
16.3.4 個(gè)人中心頁面的實(shí)現(xiàn) 260
16.3.5 書籍管理頁面的實(shí)現(xiàn) 262
16.3.6 用戶管理頁面的實(shí)現(xiàn) 265
第17章 項(xiàng)目實(shí)戰(zhàn)4——開發(fā)家庭裝修網(wǎng)站系統(tǒng) 267
17.1 項(xiàng)目環(huán)境及框架 267
17.1.1 系統(tǒng)開發(fā)環(huán)境要求 267
17.1.2 軟件框架 267
17.2 系統(tǒng)分析 268
17.2.1 系統(tǒng)功能設(shè)計(jì) 268
17.2.2 系統(tǒng)功能結(jié)構(gòu)圖 268
17.3 系統(tǒng)主要功能實(shí)現(xiàn) 269
17.3.1 首頁頁面的實(shí)現(xiàn) 269
17.3.2 關(guān)于我們頁面的實(shí)現(xiàn) 275
17.3.3 新聞資訊頁面的實(shí)現(xiàn) 278
17.3.4 經(jīng)典案例頁面的實(shí)現(xiàn) 279
17.3.5 合作與支持頁面的實(shí)現(xiàn) 280
第18章 項(xiàng)目實(shí)戰(zhàn)5——開發(fā)企業(yè)辦公自動(dòng)化系統(tǒng) 283
18.1 項(xiàng)目環(huán)境及框架 283
18.1.1 系統(tǒng)開發(fā)環(huán)境要求 283
18.1.2 軟件框架 283
18.2 系統(tǒng)分析 284
18.2.1 系統(tǒng)功能設(shè)計(jì) 284
18.2.2 系統(tǒng)功能結(jié)構(gòu)圖 285
18.3 系統(tǒng)主要功能實(shí)現(xiàn) 285
18.3.1 登錄頁面的實(shí)現(xiàn) 285
18.3.2 概況頁面的實(shí)現(xiàn) 287
18.3.3 員工信息頁面的實(shí)現(xiàn) 290
18.3.4 招聘崗位頁面的實(shí)現(xiàn) 292
18.3.5 招聘者信息頁面的實(shí)現(xiàn) 293
18.3.6 考勤信息頁面的實(shí)現(xiàn) 293
18.3.7 簽到信息頁面的實(shí)現(xiàn) 294
Vue.js 3.X從入門到項(xiàng)目實(shí)踐 作者簡(jiǎn)介
一線軟件工程師,比較擅長Android、Vue.js、React,有豐富的專業(yè)知識(shí)和開發(fā)經(jīng)驗(yàn),曾負(fù)責(zé)并上線多個(gè)大型Web項(xiàng)目。多年來一直致力于分享實(shí)踐經(jīng)驗(yàn),擁有粉絲10萬余。
- >
煙與鏡
- >
隨園食單
- >
【精裝繪本】畫給孩子的中國神話
- >
巴金-再思錄
- >
朝聞道
- >
回憶愛瑪儂
- >
自卑與超越
- >
月亮虎