Vue.js全家桶零基礎入門到進階項目實戰(zhàn)

第1篇　入門準備實操篇
　NPM包的安裝及使用 2
1.1 　NPM概述 3
1.2 　NPM安裝 3
1.3 　配置Node.js環(huán)境（NPM全局安裝路徑） 5
1.4 　通過NPM初始化項目 6
1.5 　安裝模塊（JS庫） 8
1.6 　生產環(huán)境和開發(fā)環(huán)境依賴模塊的安裝 13
1.7 　CNPM命令的安裝 15
1.8 　批量下載模塊 16
1.9 　其他常用NPM命令 17
實戰(zhàn)練習 19
高手點撥 20

　VS Code開發(fā)工具的安裝及配置 21
2.1 　VS Code開發(fā)工具的特點與安裝 22
2.2 　常用插件安裝 23
2.3 　VS Code常用設置 27
2.4 　設置新建文件類型 28
2.5 　常用的快速編輯技巧 30
2.6 　解決VS Code卡頓 32
實戰(zhàn)練習 32
高手點撥 32
第2篇　基礎核心案例篇
　Vue核心概念及第一個Vue程序精講 34
3.1 　Vue.js的基本認識 35
3.2 　Vue.js的優(yōu)點與核心思想 35
3.3 　Vue與React、Angular比較 36
3.4 　MVVM框架概述 37
3.5 　引入Vue 38
3.6 　第一個Vue程序 39
實戰(zhàn)練習 43
高手點撥 43
　Vue常用指令使用 44
4.1 　v-text與v-html指令 45
4.2 　v-model指令 47
4.3 　v-cloak指令 50
4.4 　v-bind指令 51
4.5 　v-on指令 55
4.6 　v-if指令 57
4.7 　v-show指令 59
4.8 　v-for指令 61
實戰(zhàn)練習 69
高手點撥 71

　事件修飾符、按鍵修飾符與系統修飾符 72
5.1 　DOM 事件流相關概念 73
5.2 　事件修飾符 74
5.3 　按鍵修飾符 79
5.4 　系統修飾符 83
實戰(zhàn)練習 85
高手點撥 87

第3篇　中級進階實戰(zhàn)篇
　Vue實例常用的屬性和方法 117
7.1 　Vue實例常用屬性 118
7.2 　Vue實例常用方法 121
實戰(zhàn)練習 128
高手點撥 129

　自定義指令及過渡（動畫） 130
8.1 　自定義指令 131
8.2 　過渡效果實現 135
8.3 　鉤子函數與動畫呈現 139
8.4 　動畫效果的實現 141
8.5 　結合第三方動畫庫Animate.css一起使用 142
實戰(zhàn)練習 146
高手點撥 147

　自定義過濾器及開發(fā)插件 148
9.1 　自定義過濾器 149
9.2 　開發(fā)插件 153
實戰(zhàn)練習 156
高手點撥 157

　組件及組件間的通信 158
10.1 　組件的概念 159
10.6 　父子組件的定義及使用 175
10.7 　子組件訪問父組件中的數據 177
10.8 　父組件訪問子組件中的數據 181
實戰(zhàn)練習 205
高手點撥 205


　使用Vue Router實現路由控制實戰(zhàn) 222
12.1 　前端路由及實現前端路由的基本原理 223
12.2 　Vue Router的應用 224
12.3 　前端路由嵌套 230
12.5 　實現路由導航跳轉的方式 237
12.6 　命名路由和命名視圖 242
12.7 　組件與路由間的解耦 246
實戰(zhàn)練習 250
高手點撥 251

　webpack資源打包工具實戰(zhàn) 252
13.1 　前端模塊化開發(fā) 253
13.2 　webpack的基本認識 253
13.3 　webpack的安裝 254
13.4 　webpack快速入門實操 256
實戰(zhàn)練習 261
高手點撥 261

　使用Vue Loader打包單文件組件實戰(zhàn) 286
16.2 　webpack結合Vue Loader打包單文件組件實戰(zhàn) 291
16.3 　持續(xù)改進—采用render函數渲染組件 295
16.4 　完善改進—豐富Vue單文件組件 296
實戰(zhàn)練習 305
高手點撥 305

　運用Vue CLI 腳手架構建項目實戰(zhàn) 306
17.1 　Vue CLI的概念及其安裝 307
17.2 　利用Vue CLI搭建Vue單頁面項目 308
17.3 　Vue CLI服務命令的使用 314
17.4 　Vue CLI腳手架創(chuàng)建的項目基本結構歸納解析 316
17.5 　通過vue.config.js自定義配置選項 317
實戰(zhàn)練習 325
高手點撥 325

　Element UI應用精講 326
18.2 　Layout布局 330
18.3 　Container 布局容器和Color色彩 332
18.4 　Typography 字體和Border 邊框 335
18.5 　Icon 圖標和Button按鈕 337
18.6 　Radio 單選按鈕和Checkbox 復選框 341
18.7 　Input 輸入框和InputNumber 計數器 344
實戰(zhàn)練習 366
高手點撥 367

第4篇　綜合進階項目篇
　圖書信息管理系統基礎框架搭建實戰(zhàn) 418
21.2 　項目腳手架搭建、更改標題、圖標及初始化配置 420
21.3 　安裝并配置Element UI 421
21.4 　封裝Axios對象 422
21.5 　使用封裝后的Axios對象發(fā)送請求返回數據到前端 426
21.6 　開發(fā)環(huán)境通過代理解決跨域請求 430
實戰(zhàn)練習 434
高手點撥 434

　圖書信息管理系統登錄模塊實現 435
22.1 　系統登錄頁面設計 436
22.2 　使用Element完善系統登錄頁面設計 437
22.3 　使用Easy Mock為登錄驗證創(chuàng)建模擬接口 441
22.4 　登錄業(yè)務邏輯實現 443
實戰(zhàn)練習 446
高手點撥 446

　圖書信息管理系統主頁功能初步實現 447
23.1 　主頁布局設置 448
23.2 　利用Element設計頭部組件 451
23.3 　利用Element設計左側導航組件 453
23.4 　為左側導航配置路由 456
23.5 　利用Element UI實現主區(qū)域顯示當前路徑 460
23.6 　退出系統功能實現 464
23.7 　路由權限校驗 468
實戰(zhàn)練習 472
高手點撥 472

　圖書信息管理系統增刪改查實現 473
24.1 　使用Easy Mock添加圖書信息列表服務接口 474
24.2 　創(chuàng)建調用圖書信息列表服務接口獲取數據的API 475
24.3 　利用Element UI展示圖書信息列表數據 477
24.4 　利用過濾器轉換圖書類型并重新渲染 479
24.5 　查詢圖書信息 .481
24.6 　添加圖書信息 495
24.7 　圖書信息的編輯功能實現 505
實戰(zhàn)練習 522
高手點撥 522

　修改密碼功能及完善系統 523
25.1 　修改密碼、創(chuàng)建模擬接口及封裝發(fā)送異步請求方法 524
25.2 　實現修改密碼組件及重置功能 525
25.3 　利用Element自定義校驗規(guī)則校驗密碼及確認密碼 529
25.4 　修改密碼業(yè)務邏輯的實現 533
25.5 　全局設置數據加載Loading顯示效果 536
25.6 　全局處理Axios請求響應異常 540
實戰(zhàn)練習 541
高手點撥 542

　利用ECharts+Vue生成動態(tài)圖表的技術 543
26.1 　根據圖書類別、庫存數量初步生成折線圖 544
26.2 　請求后端數據動態(tài)生成圖表 546
實戰(zhàn)練習 552
高手點撥 552

　使用Vuex重構圖書信息管理系統 553
27.2 　創(chuàng)建并初步編寫登錄Vuex狀態(tài)管理器 555
27.3 　使用Vuex完善登錄的實現 558
27.4 　使用Vuex重構項目解決頁面刷新回到登錄頁面問題 561
27.5 　使用Vuex狀態(tài)管理登錄用戶信息 564
實戰(zhàn)練習 570
高手點撥 570

　項目上線部署及生產環(huán)境跨域問題解決 571
28.1 　項目打包、準備好服務器及選擇Web服務器 572
28.2 　上傳文件到服務器和查看服務器安裝的工具 574
28.4 　配置 nginx.conf 和上傳打包后的項目 580
實戰(zhàn)練習 584
高手點撥 584