商品簡介
本書從Vue.js框架技術的基礎概念出發，逐步深入Vue.js進階實戰，並在最後配合一個網站項目和一個後臺系統開發實戰案例，重點介紹了使用Vue.js+axios+ElementUI+wangEditor進行前端開發和使用組件進行Vue單頁面網頁復用，讓讀者不但可以系統地學習Vue.js前端開發框架的相關知識，而且還能對業務邏輯的分析思路、實際應用開發有更為深入的理解。
本書分為11章，包括Vue.js概述；開始Vue.js之旅；初識Vue.js；用axios與後端接口進行數據聯動；淺析Router的使用；生命周期和鉤子函數解析；組件的靈活使用；Vue.js下的ECharts使用；ElementUI前端框架；實戰：上市集團門戶網站開發；實戰：基於Vue.js框架的後臺管理系統開發。
本書語言平實，用詞詼諧，案例豐富，實用性強，特別適合剛入社會的職場新人、Vue.js框架的初級讀者和進階讀者閱讀，也適合希望從後臺開發轉型做前端的程序員等其他編程愛好者閱讀。另外，本書也適合作為相關培訓機構的教材使用。
作者簡介
舒志強，從事IT行業12年，負責前端設計、Flash AS2/AS3腳本編寫、前端布局開發（JavaScript原生或Vue.js框架）、大數據可視化開發（ECharts）、GIS地圖開發（百度）、Java後臺接口開發（SSM框架）、整個項目策劃與交付。
曾先後為浙江大學水質研究所（現名浙江大學控制科學與工程學院工業控制研究所）、杭州華數傳媒電視、銀江股份設計項目；與中興軟創有多個合作項目；獨立設計完善了杭州未來科技城夢想小鎮智能旅遊項目、貴州安順黃果樹二期（關嶺縣智能旅遊系統）；完成榮盛房地產發展股份有限公司前臺和後臺的前端開發工作。目前任職於中軟國際有限公司高級前端開發工程師。
序
這項技術有什麼前途
輕量級框架：只關注視圖層，是一個構建數據的視圖集合，大小只有幾十千字節。
簡單易學：國內技術人員開發，中文文檔，不存在語言障礙，易於理解和學習。
雙向數據綁定：保留了Angular的特點，在數據操作方面更為簡單。
組件化：保留了React的優點，實現了HTML的封裝和重用，在構建單頁面應用方面有著獨特的優勢。
視圖、數據、結構分離：使數據的更改更為簡單，不需要進行邏輯代碼的修改，只需要操作數據就能完成相關操作。
虛擬DOM：DOM操作是非常耗費性能的，不再使用原生的DOM操作節點，極大解放DOM操作，但具體操作的還是DOM，只不過是換了另一種方式。
運行速度更快：相較於React，同樣都是操作虛擬DOM，Vue.js在性能方面存在很大的優勢。
BAT等互聯網大廠都在前端職位招聘中加入了精通Vue.js框架的要求，就連餓了麼公司的技術團隊也專門為Vue.js設計了UI框架體系。至少近幾年會是Vue.js框架技術的井噴時期，學會本技術可以應對多種面試需求，而且該框架卓越的運行速度和快捷的開發方式可以大大提高開發效率，幾乎秒殺市場上所有前端框架。
這本書的特色
本書從沒有接觸過任何框架的初學者的角度出發，以通俗易懂、平實的語言來讓讀者更好地理解框架如何使用。本書以實用為主，精簡概念性的原理知識點，將更多的篇幅用在實操上。本書的實操案例都是筆者獨立完成的實際項目，有著對標市場實際需求的參考價值，同時本書提供的框架模式可以讓讀者應用於其他項目，從而提高開發效率，減少開發彎路。本書的章節層級順序由淺入深、由易到難、循序漸進，讓讀者在有了扎實的基礎之後再進行更深一步的使用。
本書讀者物件
計算機相關專業的應屆畢業生。
對如何學習一個新的前端框架迷茫的人。
想要更加深入理解Vue.js框架的讀者。
想從後端開發轉型做前端開發的人。
公司要求短時間內必須要能夠用Vue.js開發新項目的前端開發人員。
沒有系統學習過前端知識的人。
沒有獨立完成過前端開發或後臺系統開發的前端技術人員。
資源下載
本書所涉及的源代碼及其他相關文件已上傳到百度網盤，供讀者下載。請讀者關注封底“博雅讀書社”微信公眾號，找到“資源下載”欄目，根據提示獲取。
目次
第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.5 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.3.1 Icon圖標 243
9.3.2 Button按鈕 244
9.3.3 Link文字鏈接 248
9.4 表單組件 250
9.4.1 Radio單選按鈕 250
9.4.2 Checkbox復選框 255
9.4.3 Input輸入框 258
9.4.4 InputNumber計數器 259
9.4.5 Select選擇器 260
9.4.6 Switch開關 261
9.4.7 TimePicker時間選擇器 262
9.4.8 DatePicker日期選擇器 263
9.4.9 DateTimePicker日期時間選擇器 264
9.4.10 Upload上傳 266
9.4.11 Rate評分 268
9.4.12 Form表單 269
9.5 數據顯示組件 271
9.5.1 Table表格 271
9.5.2 Pagination分頁 273
9.5.3 Badge標記 274
9.6 提示通知類組件 275
9.6.1 Loading加載 275
9.6.2 Message消息提示 277
9.6.3 MessageBox彈框 278
9.6.4 Notification通知 279
9.7 導航菜單類組件 280
9.7.1 NavMenu導航菜單 280
9.7.2 Tabs標簽頁 282
9.7.3 Dropdown下拉菜單 283
9.8 其他組件 284
9.8.1 Dialog對話框 284
9.8.2 Tooltip文字提示 285
9.8.3 Card卡片 288
9.8.4 Image圖片 289
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
您曾經瀏覽過的商品
購物須知
大陸出版品因裝訂品質及貨運條件與台灣出版品落差甚大，除封面破損、內頁脫落等較嚴重的狀態，其餘商品將正常出貨。
特別提醒：部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供，需以QR CODE 連結至當地網站註冊“並通過驗證程序”，方可下載使用。
無現貨庫存之簡體書，將向海外調貨：
海外有庫存之書籍，等候約45個工作天;
海外無庫存之書籍，平均作業時間約60個工作天，然不保證確定可調到貨，尚請見諒。
為了保護您的權益，「三民網路書店」提供會員七日商品鑑賞期(收到商品為起始日)。
若要辦理退貨，請在商品鑑賞期內寄回，且商品必須是全新狀態與完整包裝(商品、附件、發票、隨貨贈品等)否則恕不接受退貨。