Vue·js前端開發技術

Vue·js前端開發技術

《Vue.js前端開發技術》是2020年3月人民郵電出版社出版的圖書,作者是王鳳麗、豆連軍。

基本介紹

  • 書名:Vue·js前端開發技術
  • 作者:王鳳麗、豆連軍
  • ISBN:9787115508058
  • 頁數:252頁
  • 定價:49.8元
  • 出版社:人民郵電出版社
  • 出版時間:2020年3月
  • 裝幀:平裝
  • 開本:16開
內容簡介,圖書目錄,

內容簡介

本書主要內容包括:第1章 Vue入門、第2章 Vue數據綁定、第3章 Vue指令、第4章 Vue事件處理、第5章 Vue組件、第6章 Vue自定義指令、第7章 vue-router、第8章 webpack、第9章 Vue綜合案例開發、第10章 Vue項目實戰。

圖書目錄

第1章 Vue入門 1
1.1 Vue簡述 1
1.1.1 什麼是Vue.js 1
1.1.2 為什麼使用Vue.js 2
1.1.3 Vue.js的主要特點 2
1.1.4 Vue.js的優勢 3
1.2 Vue.js的下載及使用 3
1.2.1 Vue.js下載 4
1.2.2 Vue.js引用 4
1.2.3 npm安裝 4
1.2.4 解讀Vue項目檔案結構 8
1.3 實例化Vue對象、數據和方法 9
1.3.1 實例化Vue對象 汽灶照9
1.3.2 Vue數據和方法 10
1.3.3 將數據掛載到DOM頁面 11
1.4 MVVM模式 13
本章小結 14
習題 15
第2章 Vue數據綁定 16
2.1 Vue模板語法 16
2.1.1 模板語法 16
2.1.2 插值 17
2.1.3 表達式 17
2.2 回響式聲明渲染機制 18
2.2.1 回響式聲明渲染機匙捆夜制簡介 18
2.2.2 Vue屬性綁定 21
2.2.3 Vue雙向數據綁定 22
2.3 Vue計算屬性 24
2.3.1 計算屬性 24
2.3.2 計算屬性與methods的區別 27
2.4 Vue生命周期 28
2.4.1 Vue實例生命周期圖解 28
2.4.2 Vue生命周期詳解 29
2.4.3 Vue各生命周期適合開發的業務邏輯 31
本章小結 31
習題 32
第3章 Vue指令 33
3.1 Vue指令概述 33
3.1.1 指令 33
3.1.2 指令修飾符 34
3.2 Vue指令詳解 34
3.2.1 指令v-if 34
3.2.2 指令v-for 36
3.2.3 指令v-on 41
3.2.4 指令v-show 43
3.3 Vue動態樣式綁定 46
3.3.1 v-bind指令屬性 46
3.3.2 v-bind綁定class 47
3.3.3 v-bind數組表達式綁定class屬性 48
3.3.4 v-bind對象語法綁定行內樣式 49
3.3.5 v-bind數組語法綁定行內樣式 50
3.4 Vue表單輸入綁定 51
3.4.1 指令v-model 51
3.4.2 v-bind在控制項上綁定value 56
3.4.3 表單中的參數特性 63
3.5 綜合案例 64
本章小結 67
習題 67
第頸雅雄采4章 Vue事件處理 68
4.1 Vue事件處理器 68
4.1.1 監聽事件 68
4.1.2 方譽舟法事件處理器 采全槳再69
4.1.3 內聯事件處理器 70
4.2 修飾符 72
4.2.1 事件修飾符 72
4.2.2 按鍵修飾符 73
4.2.3 修飾鍵 77
4.3 綜合案例 77
本章小結 79
習題 79
第您祖兵5章 Vue組件 80
5.1 組件的基本使用 80
5.1.1 什麼是組件 80
5.1.2 組件使用 82
5.1.3 組件中的data必須是函式 88
5.2 Vue組件嵌套 90
5.2.1 組件嵌套 90
5.2.2 使用props 92
5.2.3 使用slot插槽內容分發 101
5.2.4 組件實戰 107
5.3 組件企蜜兆通信 111
5.3.1 父組件向子組件通信 111
5.3.2 子組件向父組件通信 112
5.3.3 任意組件及平行組件通信 116
5.4 創建自己的組件 118
本章小結 123
習題 123
第6章 自定義指令 128
6.1 自定義指令概述 128
6.1.1 自定義全局指令 128
6.1.2 自定義局部指令 130
6.1.3 案例分析 131
6.2 鉤子函式 132
6.2.1 鉤子函式參數 133
6.2.2 函式簡寫 136
6.3 對象字面量 136
本章小結 137
習題 137
第7章 過渡與動畫 138
7.1 transition組件 138
7.2 單元素/組件的過渡 141
7.2.1 transition標籤結合CSS樣式實現動畫 141
7.2.2 animate.css結合transition實現動畫 143
7.2.3 鉤子函式實現動畫 144
7.3 多個元素的過渡 147
7.4 多個組件的過渡 149
7.5 綜合案例 151
本章小結 156
習題 156
第8章 渲染函式 157
8.1 渲染函式概述 157
8.1.1 從虛擬DOM了解Vue渲染函式 157
8.1.2 為什麼使用渲染函式 158
8.1.3 什麼是渲染函式 159
8.2 createElement方法 161
8.2.1 createElement參數 161
8.2.2 VNodes必須唯一 166
8.3 使用JavaScript代替模板功能 167
8.3.1 v-if和v-for 167
8.3.2 v-model 168
8.3.3 slot插槽 170
8.3.4 作用域插槽 171
本章小結 172
習題 172
第9章 Vue路由vue-router 173
9.1 路由安裝和使用 173
9.2 傳遞參數及獲取參數 175
9.2.1 使用路由傳遞參數 175
9.2.2 地址欄傳遞參數 177
9.3 子路由 178
9.3.1 創建子路由 178
9.3.2 路由切換組件 180
9.4 命名視圖和導航鉤子 183
9.4.1 命名視圖 183
9.4.2 導航鉤子 185
9.5 元數據及路由匹配 188
本章小結 191
習題 192
第10章 使用webpack 193
10.1 webpack基礎 193
10.2 webpack的基本配置 196
10.3 webpack常用的Loaders 198
10.4 外掛程式 201
10.5 webpack常用命令 204
本章小結 204
習題 204
第11章 綜合案例開發 205
11.1 綜合案例開發步驟 205
11.1.1 通過vue-cli構建工具初始化項目 205
11.1.2 初始化依賴包 206
11.1.3 安裝vue-router組件 206
11.1.4 創建router對象及配置路由 207
11.1.5 在App.vue中添加路由導航 208
11.2 解析Vue生成檔案結構 210
11.2.1 build資料夾 210
11.2.2 config資料夾 210
11.2.3 node_modules資料夾 211
11.2.4 src資料夾 211
11.2.5 App.vue與main.js 211
11.3 vue-resource外掛程式 212
11.4 實戰:單詞本 216
11.4.1 展示單詞本 216
11.4.2 修改刪除單詞 217
11.4.3 添加單詞 221
本章小結 223
習題 223
第12章 Vue工程項目實戰 224
12.1 項目分析 224
12.2 工程化項目搭建 224
12.2.1 項目準備工作 225
12.2.2 項目資源準備 226
12.2.3 圖示字型製作 230
12.2.4 項目設計 232
12.2.5 模擬後台數據(mock數據) 233
12.3 組件化開發 235
12.4 使用vue-resource調用後台接口 247
12.4.1 理解後台接口文檔 247
12.4.2 根據文檔調用接口 248
12.4.3 具體業務邏輯開發 249
12.5 項目打包 251
本章小結 252
習題 252
3.4.2 v-bind在控制項上綁定value 56
3.4.3 表單中的參數特性 63
3.5 綜合案例 64
本章小結 67
習題 67
第4章 Vue事件處理 68
4.1 Vue事件處理器 68
4.1.1 監聽事件 68
4.1.2 方法事件處理器 69
4.1.3 內聯事件處理器 70
4.2 修飾符 72
4.2.1 事件修飾符 72
4.2.2 按鍵修飾符 73
4.2.3 修飾鍵 77
4.3 綜合案例 77
本章小結 79
習題 79
第5章 Vue組件 80
5.1 組件的基本使用 80
5.1.1 什麼是組件 80
5.1.2 組件使用 82
5.1.3 組件中的data必須是函式 88
5.2 Vue組件嵌套 90
5.2.1 組件嵌套 90
5.2.2 使用props 92
5.2.3 使用slot插槽內容分發 101
5.2.4 組件實戰 107
5.3 組件通信 111
5.3.1 父組件向子組件通信 111
5.3.2 子組件向父組件通信 112
5.3.3 任意組件及平行組件通信 116
5.4 創建自己的組件 118
本章小結 123
習題 123
第6章 自定義指令 128
6.1 自定義指令概述 128
6.1.1 自定義全局指令 128
6.1.2 自定義局部指令 130
6.1.3 案例分析 131
6.2 鉤子函式 132
6.2.1 鉤子函式參數 133
6.2.2 函式簡寫 136
6.3 對象字面量 136
本章小結 137
習題 137
第7章 過渡與動畫 138
7.1 transition組件 138
7.2 單元素/組件的過渡 141
7.2.1 transition標籤結合CSS樣式實現動畫 141
7.2.2 animate.css結合transition實現動畫 143
7.2.3 鉤子函式實現動畫 144
7.3 多個元素的過渡 147
7.4 多個組件的過渡 149
7.5 綜合案例 151
本章小結 156
習題 156
第8章 渲染函式 157
8.1 渲染函式概述 157
8.1.1 從虛擬DOM了解Vue渲染函式 157
8.1.2 為什麼使用渲染函式 158
8.1.3 什麼是渲染函式 159
8.2 createElement方法 161
8.2.1 createElement參數 161
8.2.2 VNodes必須唯一 166
8.3 使用JavaScript代替模板功能 167
8.3.1 v-if和v-for 167
8.3.2 v-model 168
8.3.3 slot插槽 170
8.3.4 作用域插槽 171
本章小結 172
習題 172
第9章 Vue路由vue-router 173
9.1 路由安裝和使用 173
9.2 傳遞參數及獲取參數 175
9.2.1 使用路由傳遞參數 175
9.2.2 地址欄傳遞參數 177
9.3 子路由 178
9.3.1 創建子路由 178
9.3.2 路由切換組件 180
9.4 命名視圖和導航鉤子 183
9.4.1 命名視圖 183
9.4.2 導航鉤子 185
9.5 元數據及路由匹配 188
本章小結 191
習題 192
第10章 使用webpack 193
10.1 webpack基礎 193
10.2 webpack的基本配置 196
10.3 webpack常用的Loaders 198
10.4 外掛程式 201
10.5 webpack常用命令 204
本章小結 204
習題 204
第11章 綜合案例開發 205
11.1 綜合案例開發步驟 205
11.1.1 通過vue-cli構建工具初始化項目 205
11.1.2 初始化依賴包 206
11.1.3 安裝vue-router組件 206
11.1.4 創建router對象及配置路由 207
11.1.5 在App.vue中添加路由導航 208
11.2 解析Vue生成檔案結構 210
11.2.1 build資料夾 210
11.2.2 config資料夾 210
11.2.3 node_modules資料夾 211
11.2.4 src資料夾 211
11.2.5 App.vue與main.js 211
11.3 vue-resource外掛程式 212
11.4 實戰:單詞本 216
11.4.1 展示單詞本 216
11.4.2 修改刪除單詞 217
11.4.3 添加單詞 221
本章小結 223
習題 223
第12章 Vue工程項目實戰 224
12.1 項目分析 224
12.2 工程化項目搭建 224
12.2.1 項目準備工作 225
12.2.2 項目資源準備 226
12.2.3 圖示字型製作 230
12.2.4 項目設計 232
12.2.5 模擬後台數據(mock數據) 233
12.3 組件化開發 235
12.4 使用vue-resource調用後台接口 247
12.4.1 理解後台接口文檔 247
12.4.2 根據文檔調用接口 248
12.4.3 具體業務邏輯開發 249
12.5 項目打包 251
本章小結 252
習題 252

相關詞條

熱門詞條

聯絡我們