具體描述
內容介紹
本書以Vue.js 2為基礎，以項目實戰的方式來引導讀者漸進式學習Vue.js。本書分為基礎篇、進階篇和實戰篇三部分。基礎篇主要是對 Vue.js 核心功能的介紹；進階篇主要講解前端工程化Vue.js的組件化、插件的使用；實戰篇著重開發瞭兩個完整的示例，所涉及的內容涵蓋Vue.js絕大部分API。通過閱讀本書，讀者能夠掌握Vue.js框架主要API的使用方法、自定義指令、組件開發、單文件組件、Render函數、使用webpack開發可復用的單頁麵富應用等。 本書示例豐富、側重實戰，適用於剛接觸或即將接觸Vue.js的開發者，也適用於對Vue.js有過開發經驗，但需要進一步提升的開發者。
關聯推薦
Vue.js作者尤雨溪作推薦序，業界前端大腕(TalkingData 研發副總裁,馬驥;w3cplus.com站長,大漠;在綫迴聲前端技術專傢,justjavac（迷渡）;laravel-china.org站長,Summer)聯袂推薦！ Vue社區iView組件貢獻者，前端大神梁灝執筆編撰，突齣實戰，應用為王。
目錄
目 錄 D1篇 基礎篇 D1章 初識Vue.js 3 1.1 Vue.js是什麼 3 1.1.1 MVVM模式 3 1.1.2 Vue.js有什麼不同 4 1.2 如何使用Vue.js 5 1.2.1 傳統的前端開發模式 5 1.2.2 Vue.js的開發模式 5 D2章 數據綁定和D一個Vue應用 8 2.1 Vue實例與數據綁定 9 2.1.1 實例與數據 9 2.1.2 生命周期 10 2.1.3 插值與錶達式 11
目 錄
D1篇 基礎篇
D1章 初識Vue.js 3
1.1 Vue.js是什麼 3
1.1.1 MVVM模式 3
1.1.2 Vue.js有什麼不同 4
1.2 如何使用Vue.js 5
1.2.1 傳統的前端開發模式 5
1.2.2 Vue.js的開發模式 5
D2章 數據綁定和D一個Vue應用 8
2.1 Vue實例與數據綁定 9
2.1.1 實例與數據 9
2.1.2 生命周期 10
2.1.3 插值與錶達式 11
2.1.4 過濾器 13
2.2 指令與事件 15
2.3 語法糖 18
D3章 計算屬性 19
3.1 什麼是計算屬性 19
3.2 計算屬性用法 20
3.3 計算屬性緩存 23
D4章 v-bind及class與style綁定 25
4.1 瞭解v-bind指令 25
4.2 綁定class的幾種方式 26
4.2.1 對象語法 26
4.2.2 數組語法 27
4.2.3 在組件上使用 29
4.3 綁定內聯樣式 30
D5章 內置指令 32
5.1 基本指令 32
5.1.1 v-cloak 32
5.1.2 v-once 33
5.2 條件渲染指令 33
5.2.1 v-if、v-else-if、v-else 33
5.2.2 v-show 36
5.2.3 v-if與v-show的選擇 36
5.3 列錶渲染指令v-for 37
5.3.1 基本用法 37
5.3.2 數組更新 41
5.3.3 過濾與排序 43
5.4 方法與事件 44
5.4.1 基本用法 44
5.4.2 修飾符 46
5.5 實戰：利用計算屬性、指令等知識開發購物車 47
D6章 錶單與v-model 55
6.1 基本用法 55
6.2 綁定值 61
6.3 修飾符 63
D7章 組件詳解 65
7.1 組件與復用 65
7.1.1 為什麼使用組件 65
7.1.2 組件用法 66
7.2 使用props傳遞數據 70
7.2.1 基本用法 70
7.2.2 單嚮數據流 72
7.2.3 數據驗證 74
7.3 組件通信 75
7.3.1 自定義事件 75
7.3.2 使用v-model 77
7.3.3 非父子組件通信 79
7.4 使用slot分發內容 83
7.4.1 什麼是slot 83
7.4.2 作用域 84
7.4.3 slot用法 85
7.4.4 作用域插槽 87
7.4.5 訪問slot 89
7.5 組件GJ用法 90
7.5.1 遞歸組件 90
7.5.2 內聯模闆 92
7.5.3 動態組件 93
7.5.4 異步組件 94
7.6 其他 95
7.6.1 $nextTick 95
7.6.2 X-Templates 96
7.6.3 手動掛載實例 97
7.7 實戰：兩個常用組件的開發 98
7.7.1 開發一個數字輸入框組件 98
7.7.2 開發一個標簽頁組件 106
D8章 自定義指令 118
8.1 基本用法 118
8.2 實戰 121
8.2.1 開發一個可從外部關閉的下拉菜單 121
8.2.2 開發一個實時時間轉換指令v-time 126
D2篇 進階篇
D9章 Render函數 133
9.1 什麼是Virtual Dom 133
9.2 什麼是Render函數 136
9.3 createElement用法 140
9.3.1 基本參數 140
9.3.2 約束 143
9.3.3 使用代替模闆功能 147
9.4 函數化組件 153
9.5 JSX 157
9.6 實戰：使用Render函數開發可排序的錶格組件 159
9.7 實戰：留言列錶 172
9.8 總結 183
D10章 使用webpack 184
10.1 前端工程化與webpack 184
10.2 webpack基礎配置 187
10.2.1 安裝webpack與webpack-dev-server 187
10.2.2 J是一個js文件而已 188
10.2.3 逐步完善配置文件 191
10.3 單文件組件與vue-loader 194
10.4 用於生産環境 201
D11章 插件 206
11.1 前端路由與vue-router 207
11.1.1 什麼是前端路由 207
11.1.2 vue-router基本用法 208
11.1.3 跳轉 212
11.1.4 GJ用法 213
11.2 狀態管理與Vuex 216
11.2.1 狀態管理與使用場景 216
11.2.2 Vuex基本用法 217
11.2.3 GJ用法 221
11.3 實戰：ZY事件總綫插件vue-bus 227
D3篇 實戰篇
D12章 iView經典組件剖析 235
12.1 級聯選擇組件Cascader 236
12.2 摺疊麵闆組件Collapse 249
12.3 iView內置工具函數 257
D13章 實戰：知乎日報項目開發 261
13.1 分析與準備 261
13.2 推薦列錶與分類 265
13.2.1 搭建基本結構 265
13.2.2 主題日報 267
13.2.3 每日推薦 271
13.2.4 自動加載更多推薦列錶 276
13.3 文章詳情頁 278
13.3.1 加載內容 278
13.3.2 加載評論 281
13.4 總結 286
D14章 實戰：電商網站項目開發 288
14.1 項目工程搭建 288
14.2 商品列錶頁 290
14.2.1 需求分析與模塊拆分 290
14.2.2 商品簡介組件 291
14.2.3 列錶按照價格、銷量排序 297
14.2.4 列錶按照品牌、顔色篩選 306
14.3 商品詳情頁 309
14.4 購 物 車 313
14.4.1 準備數據 314
14.4.2 顯示和操作數據 316
14.4.3 使用優惠碼 320
14.5 總結 324
D15章 相關開源項目介紹 325
15.1 服務端渲染與Nuxt.js 325
15.1.1 是否需要服務端渲染 325
15.1.2 Nuxt.js 326
15.2 HTTP庫axios 327
15.3 多語言插件vue-i18n 329
顯示全部信息在綫試讀
D5章 內置指令迴顧一下D2.2節，我們已經介紹過指令（Directive）的概念瞭，Vue.js的指令是帶有特殊前綴“v-”的HTML特性，它綁定一個錶達式，並將一些特性應用到DOM上。其實我們已經用到過很多 Vue內置的指令，比如v-html、v-pre，還有上一章的v-bind。本章將繼續介紹 Vue.js中更多常用的內置指令。5.1 基本指令5.1.1 v-cloakv-cloak不需要錶達式，它會在Vue實例結束編譯時從綁定的HTML元素上移除，經常和CSS的display: Dne; 配閤使用： {{ message }} 這時雖然已經加瞭指令v-cloak，但其實並沒有起到任何作用，D網速較慢、Vue.js文件還沒加載完時，在頁麵上會顯示{{ message }}的字樣，直到Vue創建實例、編譯模闆時，DOM纔會被替換，所以這個過程屏幕是有閃動的。隻要加一句 CSSJ可以解決這個問題瞭：[v-cloak] { display: Dne;}在一般情況下，v-cloak是一個解決初始化慢導緻頁麵閃動的ZJ實踐，對於簡單的項目很實用，但是在具有工程化的項目裏，比如後麵進階篇將介紹 webpack和vue-router時，項目的HTML結構隻有一個空的div元素，剩餘的內容都是由路由去掛載不同組件完成的，所以不再需要v-cloak。5.1.2 v-oncev-once 也是一個不需要錶達式的指令，作用是定義它的元素或組件隻渲染一次，包括元素或組件的所有子節點。1次渲染後，不再隨數據的變化重新渲染，將被視為靜態內容，例如： {{ message }} {{ message }} v-once在業務中也很少使用，D你需要進一步優化性能時，可能會用到。5.2 條件渲染指令5.2.1 v-if、v-else-if、v-else 與的條件語句if、else、else if類似，Vue.js的條件指令可以根據錶達式的值在DOM中渲染或銷毀元素/組件，例如：
Dstatus為1時顯示該行
Dstatus為2時顯示該行
否則顯示該行
v-else-if 要緊跟v-if，v-else 要緊跟v-else-if或v-if，錶達式的值為真時，D前元素/組件及所有子節點將被渲染，為假時被移除。如果一次判斷的是多個元素，可以在Vue.js內置的 元素上使用條件指令，Z終渲染的結果不會包含該元素，例如：這是一段文本
這是一段文本
這是一段文本
Vue在渲染元素時，齣於效率考慮，會盡可能地復用已有的元素而非重新渲染，比如下麵的示例： 如圖5-1和圖5-2所示，鍵入內容後，點擊切換按鈕，雖然DOM變瞭，但是之前在輸入框鍵入的內容並沒有改變，隻是替換瞭placeholder的內容，說明 元素被復用瞭。 顯示全部信息用戶評價
評分評價二： 作為一個有幾年Web開發經驗的老兵，我一直對新興的前端技術保持著好奇心，Vue.js自然也是我關注的重點之一。市麵上關於Vue.js的書籍不少，但很多要麼過於理論化，要麼過於淺嘗輒止，真正能深入講解實戰技巧的卻不多。《Vue.js實戰》這本書，在我看來，就是一本難得的精品。它沒有花哨的辭藻，而是直接切入核心，用大量的實戰案例來闡述Vue.js的各種特性和最佳實踐。我特彆喜歡書中對Vuex狀態管理的深入剖析，以及如何在大型項目中進行組件通信的詳細講解，這些都是我在實際開發中經常遇到的痛點。作者的寫作風格非常務實，語言簡潔明瞭，沒有絲毫的冗餘。每一個例子都經過精心設計，能夠清晰地展示某個知識點的應用。讀完這本書，我感覺自己對Vue.js的理解又上升瞭一個颱階，並且對如何構建健壯、可維護的Vue.js應用有瞭更深刻的認識。這本書不僅適閤新手入門，對於已經有一定Vue.js基礎的開發者來說，也極具參考價值，能夠幫助他們鞏固知識，提升技能。
評分評價五： 我是一名活躍在技術社區的開發者，經常會接觸到各種各樣的技術分享和代碼庫。Vue.js無疑是當前前端領域最熱門的技術之一，我也一直在尋找一本能夠係統性地提升我Vue.js實戰能力的圖書。《Vue.js實戰》這本書，真的讓我眼前一亮。它不僅僅是一本教程，更像是一本實用的開發手冊。書中對Vue.js的各種高級特性，例如混入（Mixin）、自定義指令、渲染函數等的講解，都非常深入且透徹。作者不僅介紹瞭這些特性的用法，還闡述瞭它們背後的設計思想和適用場景，這對於我這樣的開發者來說，非常有啓發性。我特彆喜歡書中關於組件通信策略的詳細對比和分析，以及在不同場景下如何選擇最閤適的通信方式。而且，書中對一些常見的性能瓶頸和優化技巧的介紹，也為我今後的開發工作提供瞭寶貴的經驗。這本書的寫作風格專業且嚴謹，但又不失趣味性，讀起來一點也不枯燥。我強烈推薦這本書給所有希望在Vue.js領域深耕的開發者。
評分評價三： 我是一名剛剛踏入前端開發領域的新人，對各種框架都感到非常迷茫。在老師的推薦下，我選擇瞭《Vue.js實戰》作為我的第一本Vue.js學習書籍。一開始，我擔心自己基礎薄弱，會看不懂。但事實證明，我的擔憂是多餘的。這本書的開篇就從最基本的核心概念講起，比如模闆語法、數據綁定、指令等，講解得非常細緻，即使是完全沒有接觸過Vue.js的我也能很快理解。隨著學習的深入，書中逐步引入瞭組件化、路由、狀態管理等更高級的主題。作者的講解方式非常生動有趣，並且會穿插一些小技巧和小竅門，讓學習過程不那麼枯燥。我最喜歡的部分是書中構建的幾個完整的小項目，這些項目讓我能夠將學到的知識融會貫通，並且真切地感受到自己動手構建一個應用程序的成就感。這本書的語言風格很親切，就像是一位經驗豐富的開發者在手把手地教你一樣。我感覺自己不再是一個孤立的學習者，而是有瞭一個可靠的嚮導。
評分評價一： 這本書的齣現，簡直是我的Vue.js學習之路上的及時雨！我一直對前端開發充滿熱情，也瞭解Vue.js在當下前端框架中的重要地位。之前嘗試過一些在綫教程和零散的博客文章，雖然能瞭解一些基礎概念，但總感覺像是空中樓閣，缺乏一種紮實的實踐支撐。直到我翻開瞭《Vue.js實戰》，眼前豁然開朗。從最基礎的組件化開發，到更復雜的路由管理、狀態管理，再到性能優化和項目部署，這本書幾乎涵蓋瞭實際開發中會遇到的方方麵麵。作者的講解方式非常清晰易懂，邏輯性極強，一步步引導讀者構建實際項目。尤其讓我印象深刻的是，書中提供的代碼示例都非常貼近真實場景，不是那種為瞭講解概念而生硬拼湊的代碼，而是真正可以運行、可以藉鑒的。在學習過程中，我遇到過不少睏難，但書中提供的解決方案和思路，總能讓我茅塞頓開。而且，這本書的排版和設計也相當不錯，閱讀起來非常舒適，這一點對於長時間的沉浸式學習來說至關重要。我非常期待能通過這本書，真正掌握Vue.js的精髓，並在未來的開發工作中大放異彩。
評分評價四： 作為一名多年從事後端開發的開發者，我近期開始涉足前端領域，並選擇瞭Vue.js作為我的主力框架。《Vue.js實戰》這本書，可以說是為我這樣的轉型者量身定做的。它不僅係統地介紹瞭Vue.js的核心概念，更重要的是，它將這些概念與實際項目開發緊密結閤，讓我能夠快速理解Vue.js在真實應用中的作用和價值。書中關於工程化、模塊化開發、組件復用等內容的講解，讓我受益匪淺，這對於從後端思維轉嚮前端開發的開發者來說尤為重要。我尤其欣賞書中對“約定優於配置”的理念的體現，以及如何通過閤理的項目結構來提高開發效率。而且，書中對性能優化的探討，也讓我意識到瞭前端性能對於用戶體驗的重要性。雖然我還沒有完全讀完，但已經能夠感受到這本書的深度和廣度，它提供瞭一個非常全麵的Vue.js開發視角，幫助我建立起一個完整的知識體係。這本書的案例都非常實用，我可以直接將書中的代碼作為參考，應用到我自己的項目中。
相關圖書
本站所有内容均为互联网搜索引擎提供的公开搜索信息，本站不存储任何数据与内容，任何内容与数据均与本站无关，如有需要请联系相关搜索引擎包括但不限于百度，google,bing,sogou 等
© 2025 book.tinynews.org All Rights Reserved. 静思书屋 版权所有