《Vue.js前端開發入門與實踐》是2023年8月1日清華大學出版社出版的圖書，作者是姬婧、鄭錚。
基本介紹
- 中文名：Vue.js前端開發入門與實踐
- 作者：姬婧、鄭錚
- 出版時間：2023年8月1日
- 出版社：清華大學出版社
- ISBN：9787302639633
- 定價：89 元
- 印次：1-1
- 印刷日期：2023.08.24
內容簡介,圖書目錄,
內容簡介
目前單頁套用框架層出不窮，Vue.js是其中十分耀眼的項目之一，廣受國內外開發人員的推崇。《Vue.js前端開發入門與實踐》講解Vue.js前端框架的基礎知識，共分為12章，包括Vue.js概述和安裝、TypeScript基礎、Vue.js套用實例、Vue.js組件、Vue.js模板、Vue.js計算屬性與偵聽器、Vue.js樣式、Vue.js表達式、Vue.js事件、Vue.js表單和深入組件等內容，最後還給出一個實戰案例供讀者系統學習Vue.js項目開發過程。 《Vue.js前端開發入門與實踐》既適合Vue.js初學者、Web前端開發人員閱讀，也適合高等院校和培訓機構的師生參考。
圖書目錄
目錄
第1章 理解Vue.js及其產生的背景 1
1.1 什麼是Vue.js 2
1.1.1 為什麼使用Vue.js 2
1.1.2 Vue.js的主要特點 3
1.1.3 Vue.js的優勢 4
1.2 Vue.js產生的背景 4
1.2.1 傳統的前端開發模式 5
1.2.2 Vue.js的開發模式 5
1.2.3 Vue.js與jQuery的區別 7
1.2.4 Vue.js與React、Angular的比較 8
1.2.5 如何選擇Angular、React和Vue.js 11
1.3 如何學習Vue.js 12
1.3.1 知識儲備 12
1.3.2 學習安排 17
1.4 小結 18
第2章 快速開啟 一個Vue.js套用 19
2.1 開發環境準備 20
2.1.1 安裝Node.js 20
2.1.2 設定NPM鏡像 21
2.1.3 選擇合適的IDE 22
2.1.4 安裝Vue CLI 29
2.1.5 檢查和調試Vue.js套用的工具——Vue Devtools 30
2.2 創建Vue.js套用hello-world 32
2.2.1 利用Vue CLI初始化Vue.js套用hello-world 32
2.2.2 運行Vue.js套用hello-world 33
2.3 探索Vue.js套用 35
2.3.1 整體項目結構 35
2.3.2 項目根目錄檔案 35
2.3.3 node_modules目錄 36
2.3.4 public目錄 37
2.3.5 src目錄 37
2.4 在Vue.js套用中使用TypeScript 38
2.4.1 基於Vue 3 Preview創建項目 38
2.4.2 基於Manually select features創建項目 39
2.4.3 TypeScript與JavaScript套用的差異 43
2.5 小結 44
第3章 TypeScript基礎 45
3.1 TypeScript概述 46
3.1.1 TypeScript與JavaScript、ECMAScript的關係 46
3.1.2 TypeScript與Vue.js的關係 47
3.1.3 使用TypeScript的優勢 48
3.1.4 安裝TypeScript 49
3.1.5 TypeScript代碼的編譯及運行 49
3.2 常量與變數 51
3.2.1 const、let、var三者的作用域 52
3.2.2 常量與變數的區別 54
3.2.3 變數提升 55
3.3 TypeScript數據類型 64
3.3.1 基本類型 65
3.3.2 複雜基礎類型 71
3.3.3 對象類型 74
3.3.4 任意類型 75
3.3.5 聯合類型 75
3.3.6 交集類型 76
3.4 強大的面向對象體系 76
3.4.1 類 77
3.4.2 接口 78
3.4.3 演示接口的使用 78
3.4.4 泛型 79
3.4.5 演示泛型的使用 79
3.5 TypeScript的命名空間 80
3.5.1 聲明命名空間 80
3.5.2 命名空間體 80
3.5.3 導入聲明 81
3.5.4 導出聲明 81
3.5.5 合併聲明 82
3.6 TypeScript模組 86
3.6.1 了解模組 86
3.6.2 導入聲明 87
3.6.3 導入Require聲明 87
3.6.4 導出聲明 88
3.6.5 導出分配 88
3.6.6 了解CommonJS模組 89
3.6.7 了解AMD模式 91
3.7 裝飾器 91
3.7.1 定義裝飾器 91
3.7.2 了解裝飾器的執行時機 91
3.7.3 認識4類裝飾器 93
3.8 小結 93
第4章 Vue.js套用實例 95
4.1 創建套用實例 96
4.1.1 一個套用實例 97
4.1.2 讓套用實例執行方法 98
4.1.3 理解選項對象 99
4.1.4 理解根組件 102
4.1.5 理解MVC模型 104
4.1.6 理解MVP模型 105
4.1.7 理解MVVM模型 106
4.2 data property與data methods 107
4.2.1 理解data property 107
4.2.2 理解data methods 108
4.3 Vue.js的生命周期 110
4.3.1 生命周期中的鉤子函式 110
4.3.2 生命周期的圖示 111
4.3.3 生命周期鉤子函式的實例 112
4.4 小結 114
第5章 Vue.js組件 115
5.1 組件的基本概念 116
5.1.1 創建和註冊組件的基本步驟 116
5.1.2 理解組件的創建和註冊 117
5.1.3 父組件和子組件 118
5.1.4 DOM模板解析注意事項 119
5.1.5 data必須是函式 122
5.1.6 組件組合 124
5.1.7 組件註冊 124
5.2 組件通信 126
5.2.1 父組件與子組件通信 126
5.2.2 子組件與父組件通信 129
5.2.3 子組件之間的通信 130
5.2.4 通過插槽分發內容 130
5.3 特殊情況 133
5.4 讓組件可以動態載入 136
5.5 使用keep-alive快取組件 137
5.6 小結 139
第6章 Vue.js模板 141
6.1 在模板中使用插值 142
6.1.1 文本 142
6.1.2 原生HTML代碼 143
6.1.3 綁定HTML屬性 145
6.1.4 JavaScript表達式 146
6.2 在模板中使用指令 148
6.2.1 理解指令中的參數 148
6.2.2 理解指令中的動態參數 161
6.2.3 理解指令中的修飾符 163
6.3 在模板中使用指令的縮寫 164
6.3.1 使用v-bind指令的縮寫 165
6.3.2 使用v-on指令的縮寫 166
6.4 綜合實例 167
6.5 小結 172
第7章 Vue.js計算屬性與偵聽器 173
7.1 通過實例理解“計算屬性”的必要性 174
7.2 聲明“計算屬性” 176
7.3 “計算屬性”快取與方法的關係 177
7.4 計算屬性的注意事項 178
7.4.1 計算函式不應有副作用 178
7.4.2 避免直接修改計算屬性值 178
7.4.3 計算屬性無法追蹤非回響式依賴 178
7.5 為什麼需要偵聽器 179
7.5.1 理解偵聽器 179
7.5.2 一個偵聽器的實例 181
7.6 綜合實例 183
7.7 小結 187
第8章 Vue.js樣式 189
8.1 綁定樣式class 190
8.1.1 在class中綁定字元串 190
8.1.2 在class中綁定對象 191
8.1.3 在class中綁定數組 192
8.2 綁定內聯樣式 193
8.2.1 在內聯樣式中綁定對象 193
8.2.2 在內聯樣式中綁定數組 194
8.2.3 在內聯樣式中綁定多重值 195
8.3 綜合實例 196
8.4 小結 198
第9章 Vue.js表達式 199
9.1 Vue表達式的優點 200
9.2 條件表達式 200
9.2.1 v-if指令的實例 201
9.2.2 v-else指令的實例 203
9.2.3 v-else-if指令的實例 204
9.2.4 v-show指令的實例 206
9.2.5 理解v-if指令與v-show指令的關係 207
9.3 for循環表達式 209
9.3.1 使用v-for指令遍歷數組 209
9.3.2 使用v-for指令遍歷數組設定索引 211
9.3.3 使用v-for指令遍歷對象的property名稱 212
9.3.4 數組過濾 213
9.3.5 使用值的範圍 214
9.4 v-for指令的不同使用場景 214
9.4.1 在<template>中使用v-for指令 214
9.4.2 v-for指令與v-if指令一起使用 215
9.4.3 在組件上使用v-for指令 216
9.5 綜合實例 218
9.6 小結 222
第10章 Vue.js事件 223
10.1 什麼是事件 224
10.1.1 一個簡單的監聽事件實例 224
10.1.2 處理原始的DOM事件 225
10.1.3 為什麼需要在HTML代碼中 監聽事件 228
10.2 多事件處理器的實例 228
10.3 小結 231
第11章 Vue.js表單 233
11.1 理解“表單輸入綁定” 234
11.2 “表單輸入綁定”的基礎用法 235
11.2.1 文本 235
11.2.2 多行文本 236
11.2.3 複選框 237
11.2.4 單選按鈕 239
11.2.5 選擇框 240
11.3 表單修飾符的使用 241
11.3.1 使用.lazy修飾符的實例 242
11.3.2 使用.number修飾符的 實例 242
11.3.3 使用.trim修飾符的實例 244
11.4 綜合實例 245
11.5 小結 250
第12章 深入組件 251
12.1 什麼是組件註冊 252
12.2 全局註冊的實現 252
12.3 局部註冊的實現 256
12.4 深入介紹props(輸入屬性) 260
12.4.1 props聲明 260
12.4.2 props名字格式 261
12.4.3 傳遞不同的值類型 262
12.4.4 props校驗 264
12.4.5 運行時類型檢查 266
12.5 綜合實例 267
12.6 小結 274
