《Vue.js 3.X項目開發(fā)實錄》采用基礎知識 項目實踐的結構和由淺入深，由深到精的講解模式編寫。
《Vue.js 3.X項目開發(fā)實錄》共15章，講解了Vue的基本語法、Vue簡單實例和Vue的基本特性，以及Vue的一些指令等基礎知識，還深入地講解Vue的組件和庫等核心編程技術，并在項目實例中介紹了Vue框架中路由、編輯器、動態(tài)組件以及常用的Vue插件的使用。在實踐環(huán)節(jié)詳細講述了企業(yè)網(wǎng)站系統(tǒng)、天天新鮮商城網(wǎng)站系統(tǒng)、金融管理系統(tǒng)、游戲娛樂網(wǎng)站系統(tǒng)、在線教育網(wǎng)站系統(tǒng)、物流運輸管理系統(tǒng)、圖書管理系統(tǒng)、咖啡館網(wǎng)站系統(tǒng)、家庭裝修網(wǎng)站系統(tǒng)、訂票系統(tǒng)、財務管理系統(tǒng)、項目信息化管理系統(tǒng)和辦公自動化系統(tǒng)的開發(fā)實踐過程。
《Vue.js 3.X項目開發(fā)實錄》的目的是從多角度、全方位竭力幫助讀者快速掌握軟件開發(fā)技能，構建從高校到社會與企業(yè)的就職橋梁，讓有志于從事軟件開發(fā)的讀者輕松步入職場。
《Vue.js 3.X項目開發(fā)實錄》適用于希望學習前端開發(fā)的初、中級程序員。

《Vue.js 3.X項目開發(fā)實錄》的特色如下：
1. 結構科學，易于自學
本書在內容組織和范例設計中充分考慮到初學者的特點，由淺入深，循序漸進，無論您是否接觸過框架，都能從本書中找到適合的起點。
2. 超多、實用、專業(yè)的范例和實踐項目
本書結合實際工作中的應用范例逐一講解Vue前端框架的各種知識和技術，在項目實戰(zhàn)章節(jié)中更以13個項目案例來介紹Vue.js的知識和技能，使您在實踐中掌握知識，輕松擁有項目開發(fā)經(jīng)驗。

本書附贈豐富超值的優(yōu)質資源庫，具體內容如下。
(1) 配套學習與教學資源庫，提升讀者的學習效率。
本書中13個大型項目案例以及325個實例源代碼。
本書配套上機實訓指導手冊及本書教學PPT課件。
(2) 職業(yè)成長資源庫，突破讀者職業(yè)規(guī)劃與發(fā)展瓶頸。
求職資源庫：206套求職簡歷模板庫、680套畢業(yè)答辯與學術開題報告PPT模板庫。
面試資源庫：程序員面試技巧、100例常見面試(筆試)題庫、200道求職常見面試(筆試)真題與解析。
職業(yè)資源庫：100例常見錯誤及解決方案、210套崗位競聘模板、MySQL數(shù)據(jù)庫開發(fā)技巧查詢手冊、程序員職業(yè)規(guī)劃手冊、開發(fā)經(jīng)驗及技巧集、軟件工程師技能手冊。
(3) 軟件開發(fā)魔典資源庫，拓展讀者學習本書的深度和廣度。
案例資源庫：80套經(jīng)典案例庫。
項目資源庫：40套大型完整項目案例庫。
軟件開發(fā)文檔模板庫：10套8大行業(yè)項目開發(fā)文檔模板庫。
編程水平測試系統(tǒng)：計算機水平測試、編程水平測試、編程邏輯能力測試、編程英語水平測試。

本書是專門為初學者量身打造的零編程基礎學習與項目實踐用書。
本書針對零基礎和中級學者，通過案例引導讀者深入技能學習和項目實踐，既滿足了初學者對Vue.js基礎知識的需求，又滿足了中級讀者對Vue.js框架方面知識和項目實踐方面的職業(yè)實戰(zhàn)技能的需求。
Vue.js最佳學習線路
本書以Vue.js最佳的學習模式來安排內容，第1～2章可使讀者掌握Vue的基礎知識、Vue的核心應用、Vue的核心技術等知識，第3～15章可使讀者擁有多個行業(yè)項目開發(fā)經(jīng)驗。讀者如果遇到問題，可以通過在線技術支持讓有經(jīng)驗的程序員答疑解惑。
本書內容
第1～2章為基礎知識，主要講解Vue.js的基礎知識、Vue.js的發(fā)展歷程、使用的開發(fā)軟件等，為更加深入地學習后面的章節(jié)進行鋪墊，為使用Vue.js前端框架開發(fā)項目奠定基礎。通過對這兩章的學習，讀者可以了解Vue.js基礎知識及其發(fā)展歷程，了解Vue.js的模式以及它和其他流行前端框架之間的區(qū)別等。
第3～15章為項目實戰(zhàn)，主要講解Vue.js的實戰(zhàn)項目開發(fā)，包括：企業(yè)網(wǎng)站系統(tǒng)、商城網(wǎng)站系統(tǒng)、金融管理系統(tǒng)、游戲娛樂網(wǎng)站系統(tǒng)、在線教育網(wǎng)站系統(tǒng)、物流運輸管理系統(tǒng)、圖書管理系統(tǒng)、咖啡館網(wǎng)站系統(tǒng)、家庭裝修網(wǎng)站系統(tǒng)、訂票系統(tǒng)、財務管理系統(tǒng)、項目信息化管理系統(tǒng)和辦公自動化系統(tǒng)。通過這幾章的學習，讀者將對前端Vue框架在實際項目開發(fā)中有一個深切的體會，為日后進行軟件項目管理及實戰(zhàn)開發(fā)積累經(jīng)驗。
全書融入了作者豐富的工作經(jīng)驗和多年的使用心得，具有較強的實用性和可操作性，讀者系統(tǒng)學習后可以掌握Vue前端框架的基礎知識，擁有全面的框架編程能力、優(yōu)良的團隊協(xié)同技能和豐富的項目實戰(zhàn)經(jīng)驗。編寫本書的目的就是讓框架初學者快速成長為一名合格的中級程序員，通過演練積累項目開發(fā)經(jīng)驗和團隊合作技能，在未來的職場中獲得一個較高的起點，并能迅速地融入軟件開發(fā)團隊中。
本書特色
1. 結構科學，易于自學
本書在內容組織和范例設計中充分考慮到初學者的特點，由淺入深，循序漸進，無論您是否接觸過框架，都能從本書中找到最佳起點。
2. 超多、實用、專業(yè)的范例和實踐項目
本書結合實際工作中的應用范例逐一講解Vue前端框架的各種知識和技術，在項目實戰(zhàn)章節(jié)中更以13個項目案例來介紹Vue.js的知識和技能，使您在實踐中掌握知識，輕松擁有項目開發(fā)經(jīng)驗。
本書附贈超值王牌資源庫
本書附贈豐富超值的王牌資源庫，具體內容如下。
(1) 配套學習與教學資源庫，提升讀者的學習效率。
本書中13個大型項目案例以及325個實例源代碼。
本書配套上機實訓指導手冊及本書教學PPT課件。
(2) 職業(yè)成長資源庫，突破讀者職業(yè)規(guī)劃與發(fā)展瓶頸。
求職資源庫：206套求職簡歷模板庫、680套畢業(yè)答辯與學術開題報告PPT模板庫。
面試資源庫：程序員面試技巧、100例常見面試(筆試)題庫、200道求職常見面試(筆試)真題與解析。
職業(yè)資源庫：100例常見錯誤及解決方案、210套崗位競聘模板、MySQL數(shù)據(jù)庫開發(fā)技巧查詢手冊、程序員職業(yè)規(guī)劃手冊、開發(fā)經(jīng)驗及技巧集、軟件工程師技能手冊。
(3) 軟件開發(fā)魔典資源庫，拓展讀者學習本書的深度和廣度。
案例資源庫：80套經(jīng)典案例庫。
項目資源庫：40套大型完整項目案例庫。
軟件開發(fā)文檔模板庫：10套8大行業(yè)項目開發(fā)文檔模板庫。
編程水平測試系統(tǒng)：計算機水平測試、編程水平測試、編程邏輯能力測試、編程英語水平測試。
? 軟件學習工具及電子書資源庫：類庫查詢電子書、常用快捷鍵電子書、使用技巧電子書、程序員職業(yè)規(guī)劃電子書、常見錯誤及解決方案、開發(fā)經(jīng)驗及技巧大匯總。

本書適合哪些讀者閱讀
本書適合以下讀者閱讀。
沒有任何前端Vue框架基礎的初學者。
有一定的前端Vue框架開發(fā)基礎，想精通編程的人員。
有一定的前端Vue框架開發(fā)基礎，沒有項目實踐經(jīng)驗的人員。
正在進行軟件專業(yè)相關畢業(yè)設計的學生。
大中專院校及培訓學校的老師和學生。

本書由淄博職業(yè)學院的趙颯颯老師編寫，在本書編寫過程中，我們盡己所能將最好的講解呈現(xiàn)給讀者，但由于水平有限，因而難免有疏漏和不妥之處，敬請讀者不吝指正。

編 者

一線軟件工程師，擅長Android、Vue.js、React，有豐富的專業(yè)知識和開發(fā)經(jīng)驗，曾負責并上線多個大型Web項目。多年來一直致力于分享實踐經(jīng)驗，擁有粉絲10萬余。

第1章 Vue.js開發(fā)基礎 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 三者的區(qū)別和優(yōu)劣 8
1.3 前端開發(fā)調試利器 10
1.3.1 開發(fā)者的眼Chrome 10
1.3.2 開發(fā)者的手VS Code 10
1.3.3 開發(fā)者的心Terminal 11
1.4 搭建編程測試環(huán)境 12
1.4.1 Vue.js的安裝 12
1.4.2 使用NPM搭建Vue運行環(huán)境 13
1.4.3 項目開發(fā)工具 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 操作關聯(lián)數(shù)據(jù) 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 創(chuàng)建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 使用現(xiàn)有組件 49
2.6.1 使用內置組件 49
2.6.2 引入外部組件 53
2.7 使用現(xiàn)有庫 54
2.7.1 使用內置庫 54
2.7.2 引入外部庫 55
2.8 本章小結 57
第3章 企業(yè)網(wǎng)站系統(tǒng) 59
3.1 項目環(huán)境及框架 60
3.1.1 系統(tǒng)開發(fā)環(huán)境要求 60
3.1.2 軟件框架 60
3.2 搭建Vue項目 61
3.2.1 項目創(chuàng)建 61
3.2.2 安裝Vue組件和庫 62
3.3 系統(tǒng)分析 64
3.3.1 系統(tǒng)功能設計 65
3.3.2 系統(tǒng)功能結構圖 65
3.4 企業(yè)網(wǎng)站系統(tǒng)運行 65
3.4.1 系統(tǒng)文件結構 66
3.4.2 運行系統(tǒng) 67
3.5 系統(tǒng)主要功能實現(xiàn) 68
3.5.1 首頁的實現(xiàn) 68
3.5.2 關于我們頁面的實現(xiàn) 75
3.5.3 核心業(yè)務頁面的實現(xiàn) 77
3.5.4 新聞動態(tài)頁面的實現(xiàn) 79
3.5.5 聯(lián)系我們頁面的實現(xiàn) 80
3.5.6 在線咨詢彈窗的實現(xiàn) 81
3.6 本章小結 82
第4章 商城網(wǎng)站系統(tǒng) 83
4.1 項目環(huán)境及框架 84
4.1.1 系統(tǒng)開發(fā)環(huán)境要求 84
4.1.2 軟件框架 84
4.2 系統(tǒng)分析 85
4.2.1 系統(tǒng)功能設計 85
4.2.2 系統(tǒng)功能結構圖 85
4.3 商城網(wǎng)站系統(tǒng)運行 86
4.3.1 系統(tǒng)文件結構 86
4.3.2 運行系統(tǒng) 87
4.4 系統(tǒng)主要功能實現(xiàn) 88
4.4.1 首頁的實現(xiàn) 88
4.4.2 商品詳情頁面的實現(xiàn) 95
4.4.3 商品分類頁面的實現(xiàn) 96
4.4.4 商品結算頁面的實現(xiàn) 98
4.4.5 個人信息頁面的實現(xiàn) 102
4.4.6 訂單信息頁面的實現(xiàn) 104
4.5 本章小結 106
第5章 金融管理系統(tǒng) 107
5.1 項目環(huán)境及框架 108
5.1.1 系統(tǒng)開發(fā)環(huán)境要求 108
5.1.2 軟件框架 108
5.2 系統(tǒng)分析 109
5.2.1 系統(tǒng)功能設計 109
5.2.2 系統(tǒng)功能結構圖 109
5.3 金融管理系統(tǒng)運行 110
5.3.1 系統(tǒng)文件結構 110
5.3.2 運行系統(tǒng) 111
5.4 系統(tǒng)主要功能實現(xiàn) 112
5.4.1 登錄頁面的實現(xiàn) 112
5.4.2 注冊頁面的實現(xiàn) 114
5.4.3 首頁的實現(xiàn) 116
5.4.4 用戶信息頁面的實現(xiàn) 119
5.4.5 放貸信息頁面的實現(xiàn) 123
5.4.6 還款信息頁面的實現(xiàn) 123
5.5 本章小結 124
第6章 游戲娛樂網(wǎng)站系統(tǒng) 125
6.1 項目環(huán)境及框架 126
6.1.1 系統(tǒng)開發(fā)環(huán)境要求 126
6.1.2 軟件框架 126
6.2 系統(tǒng)分析 127
6.2.1 系統(tǒng)功能設計 127
6.2.2 系統(tǒng)功能結構圖 127
6.3 游戲娛樂網(wǎng)站系統(tǒng)運行 128
6.3.1 系統(tǒng)文件結構 128
6.3.2 運行系統(tǒng) 129
6.4 系統(tǒng)主要功能實現(xiàn) 130
6.4.1 登錄頁面的實現(xiàn) 130
6.4.2 注冊頁面的實現(xiàn) 132
6.4.3 首頁的實現(xiàn) 133
6.4.4 游戲詳情頁面的實現(xiàn) 137
6.4.5 游戲列表頁面的實現(xiàn) 141
6.4.6 我的收藏頁面的實現(xiàn) 141
6.5 本章小結 142
第7章 在線教育網(wǎng)站系統(tǒng) 143
7.1 項目環(huán)境及框架 144
7.1.1 系統(tǒng)開發(fā)環(huán)境要求 144
7.1.2 軟件框架 144
7.2 系統(tǒng)分析 145
7.2.1 系統(tǒng)功能設計 145
7.2.2 系統(tǒng)功能結構圖 145
7.3 在線教育網(wǎng)站系統(tǒng)運行 146
7.3.1 系統(tǒng)文件結構 146
7.3.2 運行系統(tǒng) 147
7.4 系統(tǒng)主要功能實現(xiàn) 149
7.4.1 首頁的實現(xiàn) 149
7.4.2 課程列表頁面的實現(xiàn) 156
7.4.3 合作院校頁面的實現(xiàn) 158
7.4.4 高職課堂頁面的實現(xiàn) 159
7.4.5 課程詳情頁面的實現(xiàn) 160
7.4.6 登錄注冊頁面的實現(xiàn) 162
7.5 本章小結 168
第8章 物流運輸管理系統(tǒng) 169
8.1 項目環(huán)境及框架 170
8.1.1 系統(tǒng)開發(fā)環(huán)境要求 170
8.1.2 軟件框架 170
8.2 系統(tǒng)分析 171
8.2.1 系統(tǒng)功能設計 171
8.2.2 系統(tǒng)功能結構圖 171
8.3 物流運輸管理系統(tǒng)運行 172
8.3.1 系統(tǒng)文件結構 172
8.3.2 運行系統(tǒng) 173
8.4 系統(tǒng)主要功能實現(xiàn) 174
8.4.1 登錄頁面的實現(xiàn) 174
8.4.2 注冊頁面的實現(xiàn) 176
8.4.3 工作臺頁面的實現(xiàn) 177
8.4.4 物流管理頁面的實現(xiàn) 182
8.4.5 用戶管理頁面的實現(xiàn) 186
8.5 本章小結 187
第9章 圖書管理系統(tǒng) 189
9.1 項目環(huán)境及框架 190
9.1.1 系統(tǒng)開發(fā)環(huán)境要求 190
9.1.2 軟件框架 190
9.2 系統(tǒng)分析 191
9.2.1 系統(tǒng)功能設計 191
9.2.2 系統(tǒng)功能結構圖 191
9.3 圖書管理系統(tǒng)運行 192
9.3.1 系統(tǒng)文件結構 192
9.3.2 運行系統(tǒng) 193
9.4 系統(tǒng)主要功能實現(xiàn) 194
9.4.1 登錄頁面的實現(xiàn) 194
9.4.2 注冊頁面的實現(xiàn) 196
9.4.3 首頁的實現(xiàn) 196
9.4.4 個人中心頁面的實現(xiàn) 202
9.4.5 書籍管理頁面的實現(xiàn) 204
9.4.6 用戶管理頁面的實現(xiàn) 207
9.5 本章小結 207
第10章 咖啡館網(wǎng)站系統(tǒng) 209
10.1 項目環(huán)境及框架 210
10.1.1 系統(tǒng)開發(fā)環(huán)境要求 210
10.1.2 軟件框架 210
10.2 系統(tǒng)分析 211
10.2.1 系統(tǒng)功能設計 211
10.2.2 系統(tǒng)功能結構圖 211
10.3 咖啡館網(wǎng)站系統(tǒng)運行 212
10.3.1 系統(tǒng)文件結構 212
10.3.2 運行系統(tǒng) 213
10.4 系統(tǒng)主要功能實現(xiàn) 214
10.4.1 首頁的實現(xiàn) 214
10.4.2 商品列表頁面的實現(xiàn) 220
10.4.3 商品詳情頁面的實現(xiàn) 222
10.4.4 意見/投訴頁面的實現(xiàn) 224
10.4.5 登錄頁面的實現(xiàn) 226
10.4.6 注冊頁面的實現(xiàn) 227
10.5 本章小結 227
第11章 家庭裝修網(wǎng)站系統(tǒng) 229
11.1 項目環(huán)境及框架 230
11.1.1 系統(tǒng)開發(fā)環(huán)境要求 230
11.1.2 軟件框架 230
11.2 系統(tǒng)分析 231
11.2.1 系統(tǒng)功能設計 231
11.2.2 系統(tǒng)功能結構圖 231
11.3 家庭裝修網(wǎng)站系統(tǒng)運行 232
11.3.1 系統(tǒng)文件結構 232
11.3.2 運行系統(tǒng) 233
11.4 系統(tǒng)主要功能實現(xiàn) 234
11.4.1 首頁的實現(xiàn) 235
11.4.2 關于我們頁面的實現(xiàn) 242
11.4.3 新聞資訊頁面的實現(xiàn) 244
11.4.4 經(jīng)典案例頁面的實現(xiàn) 245
11.4.5 合作與支持頁面的實現(xiàn) 246
11.5 本章小結 248
第12章 訂票系統(tǒng) 249
12.1 項目環(huán)境及框架 250
12.1.1 系統(tǒng)開發(fā)環(huán)境要求 250
12.1.2 軟件框架 250
12.2 系統(tǒng)分析 251
12.2.1 系統(tǒng)功能設計 251
12.2.2 系統(tǒng)功能結構圖 251
12.3 訂票系統(tǒng)運行 252
12.3.1 系統(tǒng)文件結構 252
12.3.2 運行系統(tǒng) 253
12.4 系統(tǒng)主要功能實現(xiàn) 254
12.4.1 在線購票頁面的實現(xiàn) 254
12.4.2 車次列表頁面的實現(xiàn) 260
12.4.3 在線搶票頁面的實現(xiàn) 262
12.4.4 我的訂單頁面的實現(xiàn) 264
12.4.5 訂單詳情頁面的實現(xiàn) 267
12.4.6 我的信息頁面的實現(xiàn) 268
12.5 本章小結 268
第13章 財務管理系統(tǒng) 269
13.1 項目環(huán)境及框架 270
13.1.1 系統(tǒng)開發(fā)環(huán)境要求 270
13.1.2 軟件框架 270
13.2 系統(tǒng)分析 271
13.2.1 系統(tǒng)功能設計 271
13.2.2 系統(tǒng)功能結構圖 271
13.3 財務管理系統(tǒng)運行 272
13.3.1 系統(tǒng)文件結構 272
13.3.2 運行系統(tǒng) 273
13.4 系統(tǒng)主要功能實現(xiàn) 274
13.4.1 登錄頁面的實現(xiàn) 274
13.4.2 注冊頁面的實現(xiàn) 276
13.4.3 營收分析頁面的實現(xiàn) 278
13.4.4 審批列表頁面的實現(xiàn) 280
13.4.5 預算列表頁面的實現(xiàn) 281
13.5 本章小結 284
第14章 項目信息化管理系統(tǒng) 285
14.1 項目環(huán)境及框架 286
14.1.1 系統(tǒng)開發(fā)環(huán)境要求 286
14.1.2 軟件框架 286
14.2 系統(tǒng)分析 287
14.2.1 系統(tǒng)功能設計 287
14.2.2 系統(tǒng)功能結構圖 287
14.3 項目信息化管理系統(tǒng)運行 288
14.3.1 系統(tǒng)文件結構 288
14.3.2 運行系統(tǒng) 289
14.4 系統(tǒng)主要功能實現(xiàn) 290
14.4.1 登錄頁面的實現(xiàn) 290
14.4.2 注冊頁面的實現(xiàn) 292
14.4.3 首頁的實現(xiàn) 292
14.4.4 我的項目頁面的實現(xiàn) 296
14.4.5 項目跟進頁面的實現(xiàn) 299
14.4.6 項目報備頁面的實現(xiàn) 303
14.5 本章小結 303
第15章 辦公自動化系統(tǒng) 305
15.1 項目環(huán)境及框架 306
15.1.1 系統(tǒng)開發(fā)環(huán)境要求 306
15.1.2 軟件框架 306
15.2 系統(tǒng)分析 307
15.2.1 系統(tǒng)功能設計 307
15.2.2 系統(tǒng)功能結構圖 307
15.3 辦公自動化系統(tǒng)運行 308
15.3.1 系統(tǒng)文件結構 308
15.3.2 運行系統(tǒng) 309
15.4 系統(tǒng)主要功能實現(xiàn) 310
15.4.1 登錄頁面的實現(xiàn) 310
15.4.2 概況頁面的實現(xiàn) 312
15.4.3 員工信息頁面的實現(xiàn) 316
15.4.4 招聘崗位頁面的實現(xiàn) 318
15.4.5 招聘者信息頁面的實現(xiàn) 318
15.4.6 考勤信息頁面的實現(xiàn) 319
15.4.7 簽到信息頁面的實現(xiàn) 319
15.5 本章小結 320