《Vue.js框架與Web前端開發從入門到精通》是2021年北京大學出版社出版的圖書。
基本介紹
- 中文名：Vue.js框架與Web前端開發從入門到精通
- 作者：舒志強
- 出版時間：2021年
- 出版社：北京大學出版社
- ISBN：9787301325766
- 類別：計算機網路類圖書
- 開本：16 開
- 裝幀：平裝-膠訂
內容簡介,作者簡介,圖書目錄,
內容簡介
《Vue.js框架與Web前端開發從入門到精通》從Vue.js框架技術的基礎概念出發，逐步深入Vue.js進階實戰，並在後配合一個網站項目和一個後台系統開發實戰案例，重點介紹了使用Vue.js axios ElementUI wangEditor進行前端開發和使用組件進行Vue.js單頁面網頁復用，讓讀者不但可以系統地學習Vue.js前端開發框架的相關知識，而且還能對業務邏輯的分析思路、實際套用開發有更為深入的理解。
《Vue.js框架與Web前端開發從入門到精通》分為11章，包括Vue.js概述；開始Vue.js之旅；初識Vue.js；用axios與後端接口進行數據聯動；淺析Router的使用；生命周期和鉤子函式解析；組件的靈活使用；Vue.js下的ECharts使用；ElementUI前端框架；實戰：上市集團入口網站開發；實戰：基於Vue.js框架的後台管理系統開發。
《Vue.js框架與Web前端開發從入門到精通》語言平實，用詞詼諧，案例豐富，實用性強，特別適合剛入社會的職場新人、Vue.js框架的初級讀者和進階讀者閱讀，也適合希望從後台開發轉型做前端的程式設計師等其他編程愛好者閱讀。另外，《Vue.js框架與Web前端開發從入門到精通》也適合作為相關培訓機構的教材使用。
作者簡介
舒志強，從事IT行業12年，負責前端設計、Flash AS2/AS3腳本編寫、前端布局開發（JavaScript原生或Vue.js框架）、大數據可視化開發（ECharts）、GIS地圖開發（百度）、Java後台接口開發（SSM框架）、整個項目策劃與交付。
曾先後為浙江大學水質研究所（現名浙江大學控制科學與工程學院工業控制研究所）、杭州華數傳媒電視、銀江股份設計項目；與中興軟創有多個合作項目；獨立設計完善了杭州未來科技城夢想小鎮智慧旅遊項目、貴州安順黃果樹二期（關嶺縣智慧旅遊系統）；完成榮盛房地產發展股份有限公司前台和後台的前端開發工作。目前任職於中軟國際有限公司高級前端開發工程師。
圖書目錄
第1章 Vue.js概述
1.1 Vue.js簡介 2
1.2 Vue.js與其他前端框架的對比 4
1.3 深入理解雙向綁定 9
1.4 Vue.js的優勢 12
1.5 小結 13
第2章 開始Vue.js之旅
2.1 安裝Vue.js開發環境 16
2.1.1 Node.js環境安裝 16
2.1.2 npm安裝及參數設定 23
2.1.3 用腳手架生成項目目錄 28
2.1.4 自定義Vue.js模板項目檔案 31
2.1.5 使用vue-cli3圖形界面 34
2.1.6 下載、安裝、設定VSCode編輯器 44
2.2 安裝VSCode常用第三方包 46
2.3 在VSCode中開發項目 48
2.3.1 在VSCode中創建新項目 48
2.3.2 VSCode導入項目 51
2.3.3 VSCode快捷鍵 54
2.3.4 在VSCode中安裝外掛程式 58
2.3.5 在VSCode中運行Vue.js項目 62
2.3.6 用VSCode發布項目 64
2.4 小結 67
第3章 初識Vue.js
3.1 Vue.js項目初始化 69
3.1.1 創建一個Vue.js實例 69
3.1.2 數據綁定與方法使用 70
3.1.3 生命周期鉤子函式 72
3.1.4 生命周期示意圖 73
3.2 模板語法 74
3.2.1 向網頁插入文本內容 75
3.2.2 原始HTML 75
3.2.3 使用JavaScript表達式 76
3.2.4 指令參數 76
3.2.5 動態參數 77
3.2.6 修飾符縮寫 78
3.2.7 v-bind縮寫 78
3.2.8 v-on縮寫 78
3.3 計算屬性和偵聽器 79
3.3.1 計算屬性 79
3.3.2 基礎例子 79
3.3.3 計算屬性快取vs方法 80
3.3.4 計算屬性vs偵聽屬性 81
3.3.5 計算屬性的setter 82
3.3.6 偵聽器 82
3.4 class與style綁定 84
3.4.1 綁定HTML class 84
3.4.2 綁定內聯樣式 87
3.5 條件編譯 88
3.5.1 在元素上使用v-if條件編譯分組 89
3.5.2 v-else 89
3.5.3 v-else-if 89
3.5.4 v-if vs v-show 90
3.5.6 v-if與v-for 90
3.6 列表編譯 90
3.6.1 用v-for把一個數組對應為一組標籤 90
3.6.2 在v-for中使用對象 91
3.6.3 維護狀態 92
3.6.4 數組更新檢測 93
3.6.5 對象變更檢測注意事項 94
3.6.6 顯示過濾/排序後的結果 94
3.6.7 在v-for中使用值範圍 95
3.6.8 在上使用v-for 95
3.6.9 在組件上使用v-for 95
3.7 事件處理 97
3.7.1 監聽事件 98
3.7.2 事件處理方法 98
3.7.3 內聯處理器中的方法 99
3.7.4 事件修飾符 99
3.7.5 按鍵修飾符 101
3.7.6 按鍵碼 101
3.7.7 系統修飾鍵 101
3.7.8 滑鼠按鈕修飾符 102
3.7.9 為什麼在HTML中監聽事件 103
3.8 表單輸入綁定 103
3.8.1 文本 103
3.8.2 多行文本 104
3.8.3 複選框 104
3.8.4 單選按鈕 104
3.8.5 選擇框 105
3.8.6 值綁定 106
3.8.7 修飾符 108
3.8.8 在組件上使用v-model 108
3.9 組件基礎 108
3.9.1 基本示例 109
3.9.2 組件的復用 109
3.9.3 data一定要是一個函式 109
3.9.4 組件的組織 110
3.9.5 通過prop向子組件傳遞數據 111
3.9.6 單個根標籤 112
3.9.7 監聽子組件事件 113
3.9.8 使用事件拋出一個值 114
3.9.9 在組件上使用v-model 115
3.9.10 通過插槽分發內容 116
3.9.11 動態組件 116
3.9.12 解析DOM模板時的注意事項 117
3.10 小結 117
第4章 用axios與進行數據聯動
4.1 axios概要 119
4.2 axios方法的基本使用 120
4.2.1 axios的安裝 120
4.2.2 axios請求方法及別名（get方法） 121
4.2.3 axios請求方法及別名（post和put方法） 124
4.2.4 axios請求方法及別名（delete方法） 130
4.2.5 並發請求 133
4.3 axios方法深入 135
4.3.1 創建axios實例 135
4.3.2 實例的相關配置 136
4.3.3 常用參數配置具體使用方法 138
4.3.4 攔截器 139
4.3.5 錯誤處理 141
4.3.6 取消請求 143
4.4 axios實戰 144
4.4.1 項目環境配置 144
4.4.2 接口的調試 147
4.4.3 聯繫人列表 151
4.4.4 添加、編輯聯繫人 155
4.4.5 保存聯繫人 157
4.4.6 刪除聯繫人 162
4.4.7 axios的進一步封裝 164
4.5 小結 168
第5章 淺析Router的使用
5.1 Router基礎 170
5.1.1 起步 170
5.1.2 動態路由匹配 172
5.1.3 嵌套路由 176
5.1.4 編程式的導航 179
5.1.5 命名路由 180
5.1.6 命名視圖 181
5.1.7 重定向和別名 183
5.2 小結 185
第6章 生命周期和鉤子函式解析
6.1 beforeCreate鉤子函式 187
6.2 created鉤子函式 187
6.3 mounted鉤子函式 188
6.4 updated鉤子函式 188
6.5 beforeDestroy鉤子函式 189
6.6 小結 189
第7章 組件的靈活使用
7.1 組件註冊 191
7.1.1 組件名 191
7.1.2 全局註冊vs局部註冊 192
7.2 prop 193
7.2.1 prop的大小寫 193
7.2.2 prop類型 193
7.2.3 傳遞靜態或動態prop 194
7.2.4 prop驗證 196
7.3 自定義事件 197
7.3.1 事件名 197
7.3.2 自定義組件的v-model 198
7.4 小結 199
第8章 Vue.js下ECharts
8.1 搭建ECharts開發環境 201
8.2 ECharts使用 202
8.2.1 餅圖 202
8.2.2 柱狀圖 210
8.2.3 曲線圖 218
8.2.4 散點圖 224
8.2.5 雷達圖 230
8.2.6 標籤圖 237
8.3 小結 240
第9章 ElementUI前端框架
9.1 ElementUI框架概述 242
9.2 搭建ElementUI開發環境 243
9.3 基礎組件 243
9.4 表單組件 250
9.5 數據顯示組件 271
9.6 提示通知類組件 275
9.7 導航選單類組件 280
9.8 其他組件 284
9.9 小結 290
第10章 實戰：上市集團入口網站開發
10.1 路由框架搭建 292
10.2 業務目錄安排 299
10.3 開發檔案配置 300
10.4 公共方法編寫 304
10.5 公共樣式編寫 306
10.6 頁面效果實現 312
10.7 小結 314
第11章 基於Vue.js後台系統開發
11.1 路由框架搭建 316
11.2 業務目錄安排 320
11.3 開發檔案配置 321
11.4 公共方法編寫 330
11.5 公共樣式編寫 332
11.6 頁面效果實現 332
11.7 小結 336
