xxxfreesexmoves-haodiaocao这里只有精品视频-欧美性受黑人性爽-欧美性受xxxxxx黑人xyx性爽|www.jsyyzsb.com

目前單頁應用框架層出不窮，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前端開發人員閱讀，也適合高等院校和培訓機構的師生參考。

《Vue.js前端開發入門與實踐》介紹了應用實例、組件、模板、計算屬性、監聽器、指令、表單、事件、數據綁定、路由、依賴注入、自定義樣式、動畫、渲染函數、測試、響應式編程等，還介紹了Vue CLI、TypeScript、Animate.css、Mocha、Vue Router、Naive UI、vue-axios等內容。Vue.js 3完全支持TypeScript，使讀者可以采用類、面向對象的方式進行編程。本書不僅能幫助前端新手理解前端框架功能，而且為開發者閱讀源碼提供助力，還能對廣大的前端技術愛好者有所啟發，適合相關開發人員學習使用。

在使用Vue.js之前，筆者考察過Angular、React、Meteor，盡管這幾個框架都適合做快速開發，然而它們要么是學習曲線陡峭，概念復雜，把簡單的事情復雜化(如Angular)；要么就是編碼風格不好，前后端代碼混寫在一起(如React、Meteor)。而Vue.js是當今在stack overflow等國外技術站點上被一致看好的技術。
第一次使用Vue.js就可以發現入門特別快，有一定Webpack開發經驗的程序員，在一周內就可以上手做項目，認真學習的話，一個月就可以達到熟練水平(快速地開發項目)，兩三個月就可以達到高級水平(熟練使用Vuex，自己寫Component等)。這么快的上手速度，對于其他語言來說是不可想象的。根據筆者的實際體驗，使用Angular入門需要一個月，使用React入門速度也不是很快。總之，越是簡潔的框架，就越容易學。
本書共分12章，具體內容如下。
第1章講述了Vue.js產生的背景，并將Vue.js與React、Angular做了比較，使讀者對Vue.js有基本的認識。
第2章講述了Vue.js的開發環境和Vue.js應用的創建，以及Vue.js的目錄結構。
第3章介紹了TypeScript基礎知識，使讀者對TypeScript有一個基本的認識。
第4章介紹了Vue.js應用實例的創建、執行和生命周期，以及常用的前端模型。
第5章介紹了Vue.js組件的基本概念、組件的交互，并以插槽為例進行分析，更有助于讀者了解組件。
第6章講述了Vue.js模板的基本概念，并以在模板中渲染文本、在模板中使用指令為例進行分析，更有助于讀者了解模板。
第7章主要介紹了Vue.js計算屬性和偵聽器，通過實例講解了設置計算屬性和偵聽器的必要性，更有助于讀者了解計算屬性和偵聽器。
第8章主要介紹了Vue.js樣式，通過實例講解了Vue.js綁定樣式和內聯樣式的方法。
第9章主要介紹了Vue.js表達式，并以條件表達式和循環表達式為例進行分析，更有助于讀者了解Vue.js表達式。
第10章主要介紹了Vue.js事件，講述了事件的基本概念，并以如何處理原始的DOM、事件修飾符為例進行分析，更有助于讀者了解Vue.js事件。
第11章主要介紹了Vue.js表單，講述了表單綁定的基本概念，并以表單中的文本、單選按鈕、復選框和選擇框為例進行講解，更有助于讀者了解Vue.js表單。
第12章深入介紹了Vue.js組件，講述了組件注冊的基本概念，并以全局注冊、局部注冊和輸入屬性為例進行分析，更有助于讀者了解組件。
本書不僅融入了作者豐富的工作經驗和多年的使用心得，還提供了大量來自工作現場的實例，具有較強的實用性和可操作性。讀者系統學習后可以掌握Vue.js前端框架的基礎知識，擁有全面編寫框架的編程能力、優良的團隊協同技能和豐富的項目實戰經驗。編寫本書的目的就是讓框架初學者快速成長為合格的中級程序員，通過演練積累項目開發經驗和團隊合作技能，在未來的職場中獲取一個較高的起點，并能迅速融入軟件開發團隊中。
本書由唐山師范學院的姬婧、鄭錚兩位老師共同編寫，其中，第1章至第8章由姬婧老師編寫，第9章至第12章由鄭錚老師編寫。
由于編者水平有限，書中難免存在不足和疏漏之處，敬請廣大讀者批評、指正。

編 者

姬婧，現任唐山師范學院計算機科學系教師。主要從事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 在