《Vue.js 2.x實踐指南》是2020年5月清華大學出版社出版的圖書，作者是鄒瓊俊。
基本介紹
- 中文名：Vue.js 2.x實踐指南
- 作者：鄒瓊俊
- 出版時間：2020年5月1日
- 出版社：清華大學出版社
- 頁數：260 頁
- ISBN：9787302552109
- 定價：69 元
- 開本：16 開
- 裝幀：平裝
內容簡介,圖書目錄,作者簡介,
內容簡介
本書以符合初學者思維的方式，並結合作者實際參與過的項目，系統介紹Vue的套用技巧以及基於Vue構建企業項目的方法。通過本書的學習，讀者可以全面掌握Vue及其相關技術的開發，並可以從本書代碼中獲取軟體開發與架構設計的經驗與靈感，對讀者有極大的參考價值。本書分為10章，內容包括Vue開發準備、Vue開發基礎、Vue進階、Vue組件開發、路由vue-router、webpack介紹、webpack和Vue的結合、webpack中UI組件的使用、移動圖書商城以及PC後台管理系統。本書適合具有HTML+CSS+JS基礎的Vue初學者、Web前端開發人員，也適合作為高等院校和培訓學校Web前端課程的教學參考書。
圖書目錄
第 1 章 7◄ VUE開發前奏 ► 7
1.1 網站互動方式 8
1.1.1 多頁WEB套用（MPA） 8
1.1.2 單頁WEB套用（SPA） 9
1.2 前後端分離的開發模式 11
1.3 前端三大開發框架 12
1.4 為什麼要學習流行框架（MVVM框架） 13
1.5 框架和庫的區別 14
1.6 模組化和組件化 14
1.7 後端中的MVC與前端中的MVVM 之間的區別 15
1.8 NODE.JS安裝 16
1.9 PROMISES介紹 17
1.9.1 在PROMISES出現之前的檔案讀取方式 17
1.9.2 PROMISES基本概念介紹 19
1.10 ES7語法糖ASYNC/AWAIT 22
1.11 開發工具 23
1.11.1 VISUAL STUDIO CODE 24
1.11.2 VUEDEVTOOLS 25
1.11.3 CHROME 25
第 2 章 26◄ VUE基礎入門 ► 26
2.1 VUE發展歷史 26
2.2 什麼是VUE.JS 27
2.3 VUE基本代碼 27
2.4 VUE常用指令介紹 30
2.4.1 V-CLOAK指令 30
2.4.2 V-HTML指令 32
2.4.3 V-BIND&V-ON指令 33
2.4.4 示例：跑馬燈特效 34
2.5 事件修飾符 35
2.6 V-MODEL雙向數據綁定 40
2.7 V-FOR和KEY屬性 42
2.8 V-IF和V-SHOW 46
2.9 在VUE中使用樣式 47
2.9.1 使用CLASS樣式 47
2.9.2 使用內聯樣式 48
2.10 過濾器 49
2.10.1 全局過濾器 49
2.10.2 私有過濾器 50
2.11 鍵盤修飾符以及自定義鍵盤修飾符 51
2.12 自定義指令 52
2.13 增刪改查示例
53第 3 章 58
◄ VUE進階 ► 58
3.1 VUE生命周期 58
3.2 AXIOS介紹 61
3.2.1 跨域請求 64
3.2.2 NODE手寫JSONP伺服器剖析JSONP原理 65
3.3 VUE過渡動畫 67
3.3.1 單元素/組件的過渡 67
3.3.2 列表過渡 73
第 4 章 75◄ VUE組件開發 ► 75
4.1 組件介紹 75
4.1.1 全局組件定義的三種方式 75
4.1.2 使用COMPONENTS定義私有組件 77
4.1.3 組件中展示數據和回響事件 77
4.1.4 組件切換 78
4.2 組件傳值 80
4.2.1 父組件向子組件傳值 80
4.2.2 子組件向父組件傳值 81
4.2.3 事件匯流排（EVENTBUS） 83
4.3 組件案例：留言板 85
4.4 使用REF獲取DOM元素和組件引用 88
4.5 VUEX 90
4.5.1 安裝VUEX 91
4.5.2 配置VUEX的步驟 91
4.6 RENDER函式 94
第 5 章 97◄ 路由VUE-ROUTER ► 97
5.1 什麼是路由 97
5.1.1 前端路由的原生代碼實現 97
5.2 安裝VUE-ROUTER的兩種方式 98
5.3 VUE-ROUTER的基本使用 99
5.3.1 404 101
5.4 設定選中路由高亮 102
5.5 為路由切換啟動動畫 103
5.6 路由傳參QUERY&PARAMS 103
5.6.1 QUERY 104
5.6.2 PARAMS 105
5.7 使用CHILDREN屬性實現路由嵌套 105
5.8 使用命名視圖 107
5.9 WATCH監聽 110
5.10 COMPUTED：計算屬性的使用 111
5.11 WATCH、COMPUTED、METHODS的對比 113
5.12 NRM的安裝及使用 114
5.1.3 VUE-ROUTER中編程式導航 115
第 6 章 117◄ WEBPACK介紹 ► 117
6.1 WEBPACK概念的引入 117
6.2 WEBPACK：最基本的使用方式 118
6.3 WEBPACK最基本的配置檔案的使用 121
6.4 WEBPACK-DEV-SERVER的基本使用 122
6.5 使用HTML-WEBPACK-PLUGIN外掛程式 配置啟動頁面 124
6.6 WEBPACK-DEV-SERVER的常用命令參數 125
6.7 WEBPACK-DEV-SERVER配置命令的另一種方式 127
6.8 LOADER：配置處理CSS樣式表的第三方LOADER 127
6.9 LOADER：分析WEBPACK調用第三方LOADER的過程 129
6.10 NPM INSTALL --SAVE 、--SAVE-DEV 、 -D、-S、-G 的區別 130
6.11 LOADER：配置處理LESS檔案的LOADER 131
6.12 LOADER-配置處理SCSS檔案的LOADER 131
6.13 WEBPACK中URL-LOADER的使用 132
6.14 WEBPACK中使用URL-LOADER處理字型檔 136
6.15 WEBPACK中BABEL的配置 137
第 7 章 140◄ WEBPACK和VUE的結合 ► 140
7.1 WEBPACK中導入VUE和普通網頁 使用VUE的區別 140
7.1.1 在WEBPACK中使用VUE 140
7.1.2 在WEBPACK中配置.VUE組件頁面總結 146
7.2 EXPORT DEFAULT 和 EXPORT 的使用方式 147
7.3 結合WEBPACK使用VUE-ROUTER 149
7.4 結合WEBPACK實現CHILDREN子路由 152
7.5 組件中STYLE標籤LANG屬性和SCOPED 屬性的介紹 153
7.5.1 重寫子組件中的樣式 154
7.6 抽離路由模組 156
第 8 章 158◄ WEBPACK中UI組件的使用 ► 158
8.1 使用餓了么的MINT UI 組件 158
8.1.1 BUTTON組件 159
8.1.2 TOAST組件 1608.2 MINT UI按需導入 162
8.3 MUI介紹 164
8.4 MUI的使用 164
8.5 VANT UI 165
8.6 ELEMENT UI 166
8.6.1 引入ELEMENT 166
8.6.2 ELEMENT常見套用場景及解決方案 166
第 9 章 176◄ 移動圖書商城 ► 176
9.1 MOCKJS介紹 176
9.2 APP首頁設計 177
9.3 使用阿里巴巴矢量庫 178
9.3.1 UNICODE、FONT CLASS和SYMBOL的區別 179
9.3 APP.VUE 組件的基本設定 181
9.3.1 設定路由激活時高亮的兩種方式： 181
9.3.2 實現 TABBAR 頁簽不同組件頁面的切換 182
9.3.3 路由切換添加過渡效果 183
9.4 首頁輪播圖 184
9.4.1 什麼是 BASE64 編碼? 187
9.5 首頁九宮格 188
9.6 圖書分類組件 191
9.7 製作頂部滑動導航 194
9.8 製作圖片列表 198
9.9 在ANDROID手機瀏覽器中調試APP 201
9.10 真機調試 202
9.11 封裝輪播組件 204
9.12 商品詳情頁 205
9.12.1 自定義V-TAP指令 208
9.13 購物車小球動畫 209
9.13.1 GETBOUNDINGCLIENTRECT 211
9.14 封裝購買數量組件 211
9.15 設計購物車數據存儲 213
9.16 我的購物車 215
9.17 增加頁面返回 220
9.18 總結 221
第 10 章 222◄ 天下會管理平台 ► 222
10.1 VUE前端開發規範 222
10.1.1 統一開發環境 222
10.1.2 技術框架選型 222
10.1.3 命名規範 223
10.1.4 注意事項 224
10.1.5 ESLINT配置JS語法檢查並自動格式化 225
10.2 通過VUE-CLI來搭建項目 227
10.3 完善項目結構 230
10.3.1 設定瀏覽器圖示 230
10.3.2 完善SRC源碼目錄結構 230
10.3.3 引入ELEMENT UI 231
10.3.4 封裝AXIOS請求 231
10.3.5 AJAX跨域支持 236
10.3.6 封裝全局的CSS變數檔案 238
10.3.7 VUE-WECHAT-TITLE動態修改TITLE 239
10.3.8 封裝全局的配置檔案BASE-CONFIG.JS 239
10.4 項目介紹及其界面設計 240
10.5 項目設計和分析 242
10.5.1 幫主首頁 242
10.5.2 其他管理界面 244
10.5.3 設計路由 248
10.5.4 設計業務邏輯層 251
10.5.5 VUEX設計 252
10.5.6 許可權設計 254
10.5.7 選單組件 254
10.6 表單驗證 260
10.7 登錄 266
10.7.1 賬號密碼登錄 267
10.7.2 線上生成二維碼 270
10.7.3 製作網站ICO圖示 270
10.7.4 存儲登錄信息 271
10.7.5 回車自動登錄 272
10.7.6 防止登錄按鈕頻繁點擊 272
10.8 增刪改查列表 273
作者簡介
鄒瓊俊，湖南人，.NET高級工程師，CSDN學院講師，專注於.NET Web開發，對.NET Web開發有較深研究。
