《Vue.js 3.X項目開發實錄》采用基礎知識 項目實踐的結構和由淺入深，由深到精的講解模式編寫。
《Vue.js 3.X項目開發實錄》共15章，講解了Vue的基本語法、Vue簡單實例和Vue的基本特性，以及Vue的一些指令等基礎知識，還深入地講解Vue的組件和庫等核心編程技術，并在項目實例中介紹了Vue框架中路由、編輯器、動態組件以及常用的Vue插件的使用。在實踐環節詳細講述了企業網站系統、天天新鮮商城網站系統、金融管理系統、游戲娛樂網站系統、在線教育網站系統、物流運輸管理系統、圖書管理系統、咖啡館網站系統、家庭裝修網站系統、訂票系統、財務管理系統、項目信息化管理系統和辦公自動化系統的開發實踐過程。
《Vue.js 3.X項目開發實錄》的目的是從多角度、全方位竭力幫助讀者快速掌握軟件開發技能，構建從高校到社會與企業的就職橋梁，讓有志于從事軟件開發的讀者輕松步入職場。
《Vue.js 3.X項目開發實錄》適用于希望學習前端開發的初、中級程序員。
《Vue.js 3.X項目開發實錄》的特色如下：
1. 結構科學，易于自學
本書在內容組織和范例設計中充分考慮到初學者的特點，由淺入深，循序漸進，無論您是否接觸過框架，都能從本書中找到適合的起點。
2. 超多、實用、專業的范例和實踐項目
本書結合實際工作中的應用范例逐一講解Vue前端框架的各種知識和技術，在項目實戰章節中更以13個項目案例來介紹Vue.js的知識和技能，使您在實踐中掌握知識，輕松擁有項目開發經驗。
本書附贈豐富超值的優質資源庫，具體內容如下。
(1) 配套學習與教學資源庫，提升讀者的學習效率。
本書中13個大型項目案例以及325個實例源代碼。
本書配套上機實訓指導手冊及本書教學PPT課件。
(2) 職業成長資源庫，突破讀者職業規劃與發展瓶頸。
求職資源庫：206套求職簡歷模板庫、680套畢業答辯與學術開題報告PPT模板庫。
面試資源庫：程序員面試技巧、100例常見面試(筆試)題庫、200道求職常見面試(筆試)真題與解析。
職業資源庫：100例常見錯誤及解決方案、210套崗位競聘模板、MySQL數據庫開發技巧查詢手冊、程序員職業規劃手冊、開發經驗及技巧集、軟件工程師技能手冊。
(3) 軟件開發魔典資源庫，拓展讀者學習本書的深度和廣度。
案例資源庫：80套經典案例庫。
項目資源庫：40套大型完整項目案例庫。
軟件開發文檔模板庫：10套8大行業項目開發文檔模板庫。
編程水平測試系統：計算機水平測試、編程水平測試、編程邏輯能力測試、編程英語水平測試。
本書是專門為初學者量身打造的零編程基礎學習與項目實踐用書。
本書針對零基礎和中級學者，通過案例引導讀者深入技能學習和項目實踐，既滿足了初學者對Vue.js基礎知識的需求，又滿足了中級讀者對Vue.js框架方面知識和項目實踐方面的職業實戰技能的需求。
Vue.js最佳學習線路
本書以Vue.js最佳的學習模式來安排內容，第1～2章可使讀者掌握Vue的基礎知識、Vue的核心應用、Vue的核心技術等知識，第3～15章可使讀者擁有多個行業項目開發經驗。讀者如果遇到問題，可以通過在線技術支持讓有經驗的程序員答疑解惑。
本書內容
第1～2章為基礎知識，主要講解Vue.js的基礎知識、Vue.js的發展歷程、使用的開發軟件等，為更加深入地學習后面的章節進行鋪墊，為使用Vue.js前端框架開發項目奠定基礎。通過對這兩章的學習，讀者可以了解Vue.js基礎知識及其發展歷程，了解Vue.js的模式以及它和其他流行前端框架之間的區別等。
第3～15章為項目實戰，主要講解Vue.js的實戰項目開發，包括：企業網站系統、商城網站系統、金融管理系統、游戲娛樂網站系統、在線教育網站系統、物流運輸管理系統、圖書管理系統、咖啡館網站系統、家庭裝修網站系統、訂票系統、財務管理系統、項目信息化管理系統和辦公自動化系統。通過這幾章的學習，讀者將對前端Vue框架在實際項目開發中有一個深切的體會，為日后進行軟件項目管理及實戰開發積累經驗。
全書融入了作者豐富的工作經驗和多年的使用心得，具有較強的實用性和可操作性，讀者系統學習后可以掌握Vue前端框架的基礎知識，擁有全面的框架編程能力、優良的團隊協同技能和豐富的項目實戰經驗。編寫本書的目的就是讓框架初學者快速成長為一名合格的中級程序員，通過演練積累項目開發經驗和團隊合作技能，在未來的職場中獲得一個較高的起點，并能迅速地融入軟件開發團隊中。
本書特色
1. 結構科學，易于自學
本書在內容組織和范例設計中充分考慮到初學者的特點，由淺入深，循序漸進，無論您是否接觸過框架，都能從本書中找到最佳起點。
2. 超多、實用、專業的范例和實踐項目
本書結合實際工作中的應用范例逐一講解Vue前端框架的各種知識和技術，在項目實戰章節中更以13個項目案例來介紹Vue.js的知識和技能，使您在實踐中掌握知識，輕松擁有項目開發經驗。
本書附贈超值王牌資源庫
本書附贈豐富超值的王牌資源庫，具體內容如下。
(1) 配套學習與教學資源庫，提升讀者的學習效率。
本書中13個大型項目案例以及325個實例源代碼。
本書配套上機實訓指導手冊及本書教學PPT課件。
(2) 職業成長資源庫，突破讀者職業規劃與發展瓶頸。
求職資源庫：206套求職簡歷模板庫、680套畢業答辯與學術開題報告PPT模板庫。
面試資源庫：程序員面試技巧、100例常見面試(筆試)題庫、200道求職常見面試(筆試)真題與解析。
職業資源庫：100例常見錯誤及解決方案、210套崗位競聘模板、MySQL數據庫開發技巧查詢手冊、程序員職業規劃手冊、開發經驗及技巧集、軟件工程師技能手冊。
(3) 軟件開發魔典資源庫，拓展讀者學習本書的深度和廣度。
案例資源庫：80套經典案例庫。
項目資源庫：40套大型完整項目案例庫。
軟件開發文檔模板庫：10套8大行業項目開發文檔模板庫。
編程水平測試系統：計算機水平測試、編程水平測試、編程邏輯能力測試、編程英語水平測試。
? 軟件學習工具及電子書資源庫：類庫查詢電子書、常用快捷鍵電子書、使用技巧電子書、程序員職業規劃電子書、常見錯誤及解決方案、開發經驗及技巧大匯總。
本書適合哪些讀者閱讀
本書適合以下讀者閱讀。
沒有任何前端Vue框架基礎的初學者。
有一定的前端Vue框架開發基礎，想精通編程的人員。
有一定的前端Vue框架開發基礎，沒有項目實踐經驗的人員。
正在進行軟件專業相關畢業設計的學生。
大中專院校及培訓學校的老師和學生。
本書由淄博職業學院的趙颯颯老師編寫，在本書編寫過程中，我們盡己所能將最好的講解呈現給讀者，但由于水平有限，因而難免有疏漏和不妥之處，敬請讀者不吝指正。
編 者
一線軟件工程師，擅長Android、Vue.js、React，有豐富的專業知識和開發經驗，曾負責并上線多個大型Web項目。多年來一直致力于分享實踐經驗，擁有粉絲10萬余。
第1章 Vue.js開發基礎 1
1.1 背景知識 2
1.1.1 客戶/服務器體系結構 2
1.1.2 HTML、CSS與JavaScript 2
1.1.3 RESTful架構 3
1.1.4 大前端時代的來臨 3
1.2 MVC、MVP和MVVM架構模式 4
1.2.1 MVC架構模式 4
1.2.2 MVP架構模式 5
1.2.3 MVVM架構模式 7
1.2.4 三者的區別和優劣 8
1.3 前端開發調試利器 10
1.3.1 開發者的眼Chrome 10
1.3.2 開發者的手VS Code 10
1.3.3 開發者的心Terminal 11
1.4 搭建編程測試環境 12
1.4.1 Vue.js的安裝 12
1.4.2 使用NPM搭建Vue運行環境 13
1.4.3 項目開發工具 17
1.4.4 源碼管理機制 24
1.5 代碼調試方法 25
1.5.1 使用Console工具 25
1.5.2 使用調試工具 27
1.6 本章小結 29
第2章 熟練使用Vue對象、組件與庫 31
2.1 掛載Vue對象 32
2.2 操作關聯數據 33
2.2.1 data成員 33
2.2.2 computed成員 34
2.2.3 methods成員 35
2.2.4 watch成員 36
2.3 處理生命周期 37
2.4 Vue組件基礎 41
2.4.1 創建Vue組件 42
2.4.2 Vue專用組件 44
2.5 設計Vue組件 46
2.5.1 面向組件的v-on指令 46
2.5.2 面向組件的v-model指令 47
2.5.3 預留組件插槽 48
2.6 使用現有組件 49
2.6.1 使用內置組件 49
2.6.2 引入外部組件 53
2.7 使用現有庫 54
2.7.1 使用內置庫 54
2.7.2 引入外部庫 55
2.8 本章小結 57
第3章 企業網站系統 59
3.1 項目環境及框架 60
3.1.1 系統開發環境要求 60
3.1.2 軟件框架 60
3.2 搭建Vue項目 61
3.2.1 項目創建 61
3.2.2 安裝Vue組件和庫 62
3.3 系統分析 64
3.3.1 系統功能設計 65
3.3.2 系統功能結構圖 65
3.4 企業網站系統運行 65
3.4.1 系統文件結構 66
3.4.2 運行系統 67
3.5 系統主要功能實現 68
3.5.1 首頁的實現 68
3.5.2 關于我們頁面的實現 75
3.5.3 核心業務頁面的實現 77
3.5.4 新聞動態頁面的實現 79
3.5.5 聯系我們頁面的實現 80
3.5.6 在線咨詢彈窗的實現 81
3.6 本章小結 82
第4章 商城網站系統 83
4.1 項目環境及框架 84
4.1.1 系統開發環境要求 84
4.1.2 軟件框架 84
4.2 系統分析 85
4.2.1 系統功能設計 85
4.2.2 系統功能結構圖 85
4.3 商城網站系統運行 86
4.3.1 系統文件結構 86
4.3.2 運行系統 87
4.4 系統主要功能實現 88
4.4.1 首頁的實現 88
4.4.2 商品詳情頁面的實現 95
4.4.3 商品分類頁面的實現 96
4.4.4 商品結算頁面的實現 98
4.4.5 個人信息頁面的實現 102
4.4.6 訂單信息頁面的實現 104
4.5 本章小結 106
第5章 金融管理系統 107
5.1 項目環境及框架 108
5.1.1 系統開發環境要求 108
5.1.2 軟件框架 108
5.2 系統分析 109
5.2.1 系統功能設計 109
5.2.2 系統功能結構圖 109
5.3 金融管理系統運行 110
5.3.1 系統文件結構 110
5.3.2 運行系統 111
5.4 系統主要功能實現 112
5.4.1 登錄頁面的實現 112
5.4.2 注冊頁面的實現 114
5.4.3 首頁的實現 116
5.4.4 用戶信息頁面的實現 119
5.4.5 放貸信息頁面的實現 123
5.4.6 還款信息頁面的實現 123
5.5 本章小結 124
第6章 游戲娛樂網站系統 125
6.1 項目環境及框架 126
6.1.1 系統開發環境要求 126
6.1.2 軟件框架 126
6.2 系統分析 127
6.2.1 系統功能設計 127
6.2.2 系統功能結構圖 127
6.3 游戲娛樂網站系統運行 128
6.3.1 系統文件結構 128
6.3.2 運行系統 129
6.4 系統主要功能實現 130
6.4.1 登錄頁面的實現 130
6.4.2 注冊頁面的實現 132
6.4.3 首頁的實現 133
6.4.4 游戲詳情頁面的實現 137
6.4.5 游戲列表頁面的實現 141
6.4.6 我的收藏頁面的實現 141
6.5 本章小結 142
第7章 在線教育網站系統 143
7.1 項目環境及框架 144
7.1.1 系統開發環境要求 144
7.1.2 軟件框架 144
7.2 系統分析 145
7.2.1 系統功能設計 145
7.2.2 系統功能結構圖 145
7.3 在線教育網站系統運行 146
7.3.1 系統文件結構 146
7.3.2 運行系統 147
7.4 系統主要功能實現 149
7.4.1 首頁的實現 149
7.4.2 課程列表頁面的實現 156
7.4.3 合作院校頁面的實現 158
7.4.4 高職課堂頁面的實現 159
7.4.5 課程詳情頁面的實現 160
7.4.6 登錄注冊頁面的實現 162
7.5 本章小結 168
第8章 物流運輸管理系統 169
8.1 項目環境及框架 170
8.1.1 系統開發環境要求 170
8.1.2 軟件框架 170
8.2 系統分析 171
8.2.1 系統功能設計 171
8.2.2 系統功能結構圖 171
8.3 物流運輸管理系統運行 172
8.3.1 系統文件結構 172
8.3.2 運行系統 173
8.4 系統主要功能實現 174
8.4.1 登錄頁面的實現 174
8.4.2 注冊頁面的實現 176
8.4.3 工作臺頁面的實現 177
8.4.4 物流管理頁面的實現 182
8.4.5 用戶管理頁面的實現 186
8.5 本章小結 187
第9章 圖書管理系統 189
9.1 項目環境及框架 190
9.1.1 系統開發環境要求 190
9.1.2 軟件框架 190
9.2 系統分析 191
9.2.1 系統功能設計 191
9.2.2 系統功能結構圖 191
9.3 圖書管理系統運行 192
9.3.1 系統文件結構 192
9.3.2 運行系統 193
9.4 系統主要功能實現 194
9.4.1 登錄頁面的實現 194
9.4.2 注冊頁面的實現 196
9.4.3 首頁的實現 196
9.4.4 個人中心頁面的實現 202
9.4.5 書籍管理頁面的實現 204
9.4.6 用戶管理頁面的實現 207
9.5 本章小結 207
第10章 咖啡館網站系統 209
10.1 項目環境及框架 210
10.1.1 系統開發環境要求 210
10.1.2 軟件框架 210
10.2 系統分析 211
10.2.1 系統功能設計 211
10.2.2 系統功能結構圖 211
10.3 咖啡館網站系統運行 212
10.3.1 系統文件結構 212
10.3.2 運行系統 213
10.4 系統主要功能實現 214
10.4.1 首頁的實現 214
10.4.2 商品列表頁面的實現 220
10.4.3 商品詳情頁面的實現 222
10.4.4 意見/投訴頁面的實現 224
10.4.5 登錄頁面的實現 226
10.4.6 注冊頁面的實現 227
10.5 本章小結 227
第11章 家庭裝修網站系統 229
11.1 項目環境及框架 230
11.1.1 系統開發環境要求 230
11.1.2 軟件框架 230
11.2 系統分析 231
11.2.1 系統功能設計 231
11.2.2 系統功能結構圖 231
11.3 家庭裝修網站系統運行 232
11.3.1 系統文件結構 232
11.3.2 運行系統 233
11.4 系統主要功能實現 234
11.4.1 首頁的實現 235
11.4.2 關于我們頁面的實現 242
11.4.3 新聞資訊頁面的實現 244
11.4.4 經典案例頁面的實現 245
11.4.5 合作與支持頁面的實現 246
11.5 本章小結 248
第12章 訂票系統 249
12.1 項目環境及框架 250
12.1.1 系統開發環境要求 250
12.1.2 軟件框架 250
12.2 系統分析 251
12.2.1 系統功能設計 251
12.2.2 系統功能結構圖 251
12.3 訂票系統運行 252
12.3.1 系統文件結構 252
12.3.2 運行系統 253
12.4 系統主要功能實現 254
12.4.1 在線購票頁面的實現 254
12.4.2 車次列表頁面的實現 260
12.4.3 在線搶票頁面的實現 262
12.4.4 我的訂單頁面的實現 264
12.4.5 訂單詳情頁面的實現 267
12.4.6 我的信息頁面的實現 268
12.5 本章小結 268
第13章 財務管理系統 269
13.1 項目環境及框架 270
13.1.1 系統開發環境要求 270
13.1.2 軟件框架 270
13.2 系統分析 271
13.2.1 系統功能設計 271
13.2.2 系統功能結構圖 271
13.3 財務管理系統運行 272
13.3.1 系統文件結構 272
13.3.2 運行系統 273
13.4 系統主要功能實現 274
13.4.1 登錄頁面的實現 274
13.4.2 注冊頁面的實現 276
13.4.3 營收分析頁面的實現 278
13.4.4 審批列表頁面的實現 280
13.4.5 預算列表頁面的實現 281
13.5 本章小結 284
第14章 項目信息化管理系統 285
14.1 項目環境及框架 286
14.1.1 系統開發環境要求 286
14.1.2 軟件框架 286
14.2 系統分析 287
14.2.1 系統功能設計 287
14.2.2 系統功能結構圖 287
14.3 項目信息化管理系統運行 288
14.3.1 系統文件結構 288
14.3.2 運行系統 289
14.4 系統主要功能實現 290
14.4.1 登錄頁面的實現 290
14.4.2 注冊頁面的實現 292
14.4.3 首頁的實現 292
14.4.4 我的項目頁面的實現 296
14.4.5 項目跟進頁面的實現 299
14.4.6 項目報備頁面的實現 303
14.5 本章小結 303
第15章 辦公自動化系統 305
15.1 項目環境及框架 306
15.1.1 系統開發環境要求 306
15.1.2 軟件框架 306
15.2 系統分析 307
15.2.1 系統功能設計 307
15.2.2 系統功能結構圖 307
15.3 辦公自動化系統運行 308
15.3.1 系統文件結構 308
15.3.2 運行系統 309
15.4 系統主要功能實現 310
15.4.1 登錄頁面的實現 310
15.4.2 概況頁面的實現 312
15.4.3 員工信息頁面的實現 316
15.4.4 招聘崗位頁面的實現 318
15.4.5 招聘者信息頁面的實現 318
15.4.6 考勤信息頁面的實現 319
15.4.7 簽到信息頁面的實現 319
15.5 本章小結 320
新書資訊