Vue.js前端開發實戰(第2版)
黑馬程序員
買這商品的人也買了...
相關主題
商品描述
本書是一本系統性講解 Vue.js 開發技術的教材。全書以通俗易懂的語言、豐富實用的案例,幫助初學者快速掌握Vue.js,能夠運用Vue.js開發Web前端項目。
本書共8章。第1章講解Vue.js的基本概念以及項目的創建等;第2~5章講解Vue.js開發基礎、組件、路由等知識;第6章講解常用UI組件庫,包括Element Plus、Vant和Ant Design Vue;第7章講解網絡請求和狀態管理,包括Axios、Vuex和Pinia;第8章講解“微商城”項目實戰。
本書附有配套資源,包括教學大綱、教學設計、源代碼、習題等,而且為了幫助讀者更好地學習本書中的內容,還提供在線答疑,希望得到更多讀者的關註。
本書適合作為高等院校本、專科電腦相關專業的教材,也可作為廣大電腦編程愛好者的參考書。
作者簡介
黑马程序员成立于2006年,由中国Java培训先行者张孝祥老师发起,联合全球最大的中文IT社区CSDN、中关村软件园共同创办的一家专业教育机构。办学至今,我们一直坚守着“为千万人少走弯路而著书,为中华软件之崛起而讲课”的办学理念,坚持培养优秀软件应用工程师的宏伟目标,在累计培养的十万余名学员中,其中90%的学员均已在北、上、广等一线城市高薪就业。
目錄大綱
第 1章 初識Vue.js 1
1.1 前端技術的發展 1
1.2 Vue簡介 3
1.2.1 什麽是Vue 3
1.2.2 Vue的特性 4
1.2.3 Vue的版本 4
1.3 Vue開發環境 5
1.3.1 Visual Studio Code編輯器 5
1.3.2 Node.js環境 9
1.3.3 常見的包管理工具 10
1.4 使用Vite創建Vue 3項目 12
1.4.1 什麽是Vite 12
1.4.2 創建Vue 3項目 12
1.4.3 Vue 3項目的目錄結構 15
1.4.4 Vue 3項目的運行過程 16
本章小結 18
課後習題 18
第 2章 Vue.js開發基礎 20
2.1 單文件組件 20
2.2 數據綁定 22
2.2.1 初識數據綁定 22
2.2.2 響應式數據綁定 25
2.3 指令 29
2.3.1 內容渲染指令 29
2.3.2 屬性綁定指令 31
2.3.3 事件綁定指令 32
2.3.4 雙向數據綁定指令 33
2.3.5 條件渲染指令 35
2.3.6 列表渲染指令 38
2.4 事件對象 41
2.5 事件修飾符 44
2.6 計算屬性 47
2.7 偵聽器 49
2.8 樣式綁定 50
2.8.1 綁定class屬性 50
2.8.2 綁定style屬性 55
2.9 階段案例——學習計劃表 58
本章小結 60
課後習題 60
第3章 組件基礎(上) 62
3.1 選項式API和組合式API 62
3.2 生命周期函數 66
3.3 組件的註冊和引用 68
3.3.1 註冊組件 68
3.3.2 引用組件 69
3.4 解決組件之間的樣式沖突 71
3.5 父組件向子組件傳遞數據 74
3.5.1 聲明props 74
3.5.2 靜態綁定props 75
3.5.3 動態綁定props 76
3.5.4 驗證props 78
3.6 子組件向父組件傳遞數據 79
3.6.1 在子組件中聲明自定義事件 79
3.6.2 在子組件中觸發自定義事件 80
3.6.3 在父組件中監聽自定義事件 80
3.7 跨級組件之間的數據傳遞 82
3.8 階段案例——待辦事項 86
本章小結 87
課後習題 88
第4章 組件基礎(下) 90
4.1 動態組件 90
4.1.1 定義動態組件 91
4.1.2 利用KeepAlive組件實現組件
緩存 92
4.1.3 組件緩存相關的生命周期函數 94
4.1.4 KeepAlive組件的常用屬性 96
4.2 插槽 98
4.2.1 什麽是插槽 98
4.2.2 具名插槽 100
4.2.3 作用域插槽 102
4.3 自定義指令 105
4.3.1 什麽是自定義指令 105
4.3.2 私有自定義指令的聲明與使用 106
4.3.3 全局自定義指令的聲明與使用 107
4.3.4 為自定義指令綁定參數 108
4.3.5 自定義指令的函數形式 109
4.4 引用靜態資源 109
4.5 階段案例——商品管理 111
本章小結 112
課後習題 112
第5章 路由 115
5.1 初識路由 115
5.2 初識Vue Router 117
5.2.1 Vue Router的安裝 117
5.2.2 Vue Router的基本使用 118
5.3 路由重定向 122
5.4 嵌套路由 122
5.5 動態路由 125
5.5.1 動態路由概述 125
5.5.2 獲取動態路徑參數值 127
5.6 命名路由 129
5.7 編程式導航 131
5.8 導航守衛 133
5.9 階段案例——後台管理系統 135
本章小結 137
課後習題 137
第6章 常用UI組件庫 139
6.1 Element Plus組件庫 139
6.1.1 安裝Element Plus 139
6.1.2 Element Plus中的常用組件 140
6.2 Vant組件庫 148
6.2.1 安裝Vant 148
6.2.2 Vant中的常用組件 149
6.3 Ant Design Vue組件庫 160
6.3.1 安裝Ant Design Vue 160
6.3.2 Ant Design Vue中的常用組件 161
本章小結 169
課後習題 169
第7章 網絡請求和狀態管理 171
7.1 Axios 171
7.1.1 Axios概述 172
7.1.2 安裝Axios 172
7.1.3 使用Axios 173
7.1.4 Axios圖書列表案例 174
7.2 Vuex 177
7.2.1 Vuex概述 178
7.2.2 安裝Vuex 179
7.2.3 使用Vuex 179
7.2.4 Vuex計數器案例 180
7.3 Pinia 183
7.3.1 Pinia概述 183
7.3.2 安裝Pinia 183
7.3.3 使用Pinia 184
7.3.4 Pinia計數器案例 185
7.3.5 Pinia模塊化 186
7.3.6 Pinia持久化存儲 189
本章小結 194
課後習題 194
第8章 項目實戰——“微商城”前後台
開發 196
8.1 項目分析 196
8.1.1 項目前臺分析 196
8.1.2 項目後台分析 201
8.2 項目開發說明 205
本章小結 205