簡體網頁||繁體網頁

☆☆☆☆☆

梁灝，陳陸揚 著

圖書標籤:

• Vue
• js
• 前端開發
• JavaScript
• Web開發
• 實戰
• 教程
• 包郵
• 兩本
• 前端

店鋪： 義博圖書專營店

齣版社： 清華大學齣版社

ISBN：9787302484929

商品編碼：17539166577

YL10403  9787302484929 9787115444936

Vue.js實戰

定價    79.00

齣版社    清華大學齣版社 

版次    1 

齣版時間    2017年01月

 開本    16開 

作者    梁灝 

裝幀    平裝

頁數    330 

字數    550000

ISBN編碼    9787302484929

第1篇  基礎篇 

第1章  初識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

第2章  數據綁定和第壹個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 

第3章  計算屬性 19 

3.1  什麼是計算屬性 19

3.2  計算屬性用法 20 

3.3  計算屬性緩存 23 

第4章  vbind及class與style綁定 25 

4.1  瞭解vbind指令 25

4.2  綁定class的幾種方式 26

4.2.1  對象語法 26 

4.2.2  數組語法 27 

4.2.3  在組件上使用 29 

4.3  綁定內聯樣式 30

第5章  內置指令 32 

5.1  基本指令 32

5.1.1  vcloak 32 

5.1.2  vonce 33 

5.2  條件渲染指令 33 

5.2.1  vif、velseif、velse 33

5.2.2  vshow 36 

5.2.3  vif與vshow的選擇 36 

5.3  列錶渲染指令vfor 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 

第6章  錶單與vmodel 55

6.1  基本用法 55

6.2  綁定值 61 

6.3  修飾符 63

第7章  組件詳解 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  使用vmodel 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  組件高ji用法 90 

7.5.1  遞歸組件 90

7.5.2  內聯模闆 92

7.5.3  動態組件 93

7.5.4  異步組件 94

7.6  其他 95............

Vue.js 前端開發 快速入門與專業應用

《Vue.js 前端開發 快速入門與專業應用》分為10章：簡介，基礎特性，指令，過濾器，過渡，組件，狀態管理，常用插件，工程實例，Weex打包。從簡單的單個實例和基礎語法，到工程實例，將係統的講述Vue.js在項目中的適用場景和具體操作。 書的特點在於案例詳實，使讀者體會到框架的優點和便捷之處，提升開發效率，能將Vue.js運用到實際項目中，避免紙上談兵的尷尬。
第1章　Vue．js簡介 
1．1　Vue．js是什麼　1 
1．2　為什麼要用Vue．js　2 
1．3　Vue．js的Hello world　2 
第2章　基礎特性 
2．1　實例及選項　5 
2．1．1　模闆　6 
2．1．2　數據　7 
2．1．3　方法　9 
2．1．4　生命周期　10 
2．2　數據綁定　12 
2．2．1　數據綁定語法　13 
2．2．2　計算屬性　17 
2．2．3　錶單控件　18 
2．2．4　Class與Style綁定　21 
2．3　模闆渲染　22 
2．3．1　前後端渲染對比　23 
2．3．2　條件渲染　23 
2．3．3　列錶渲染　25 
2．3．4　template標簽用法　27 
2．4　事件綁定與監聽　28 
2．4．1　方法及內聯語句處理器　28 
2．4．2　修飾符　29 
2．4．3　與傳統事件綁定的區彆　30 
2．5　Vue．extend()　31 
第3章　指令 
3．1　內置指令　32 
3．1．1　v-bind　32 
3．1．2　v-model　33 
3．1．3　v-if-else-show　33 
3．1．4　v-for　33 
3．1．5　v-on　34 
3．1．6　v-text　34 
3．1．7　v-HTML　35 
3．1．8　v-el　35 
3．1．9　v-ref　35 
3．1．10　v-pre　36 
3．1．11　v-cloak　36 
3．1．12　v-once　37 
3．2　自定義指令基礎　37 
3．2．1　指令的注冊　37 
3．2．2　指令的定義對象　37 
3．2．3　指令實例屬性　39 
3．2．4　元素指令　40 
3．3　指令的高級選項　41 
3．3．1　params　41 
3．3．2　deep　42 
3．3．3　twoWay　43 
3．3．4　acceptStatement　44 
3．3．5　terminal　44 
3．3．6　priority　45 
3．4　指令在Vue．js 2．0中的變化　46 
3．4．1　新的鈎子函數　46 
3．4．2　鈎子函數實例和參數變化　46 
3．4．3　update函數觸發變化　47 
3．4．4　參數binding對象　47 
第4章　過濾器 
4．1　過濾器注冊　48 
4．2　雙嚮過濾器　49 
4．3　動態參數　50 
4．4　過濾器在Vue．js 2．0中的變化　51 
第5章　過渡 
5．1　CSS過渡　52 
5．1．1　CSS過渡的用法　52 
5．1．2　CSS過渡鈎子函數　54 
5．1．3　顯示聲明過渡類型　57 
5．1．4　自定義過渡類名　57 
5．2　過渡　58 
5．2．1　Velocity．js　58 
5．2．2　過渡使用　58 
5．3　過渡係統在Vue．js 2．0中的變化　59 
5．3．1　用法變化　59 
5．3．2　類名變化　60 
5．3．3　鈎子函數變化　61 
5．3．4　transition-group　63 
第6章　組件 
6．1　組件注冊　65 
6．1．1　全局注冊　65 
6．1．2　局部注冊　66 
6．1．3　注冊語法糖　67 
6．2　組件選項　67 
6．2．1　組件選項中與Vue選項的區彆　67 
6．2．2　組件Props　68 
6．3　組件間通信　71 
6．3．1　直接訪問　71 
6．3．2　自定義事件監聽　72 
6．3．3　自定義事件觸發機製　72 
6．3．4　子組件索引　75 
6．4　內容分發　76 
6．4．1　基礎用法　76 
6．4．2　編譯作用域　77 
6．4．3　默認slot　78 
6．4．4　slot屬性相同　79 
6．4．5　Modal實例　79 
6．5　動態組件　82 
6．5．1　基礎用法　82 
6．5．2　keep-alive　83 
6．5．3　activate 鈎子函數　84 
6．6　Vue．js 2．0中的變化　85 
6．6．1　event　85 
6．6．2　keep-alive　86 
6．6．3　slot　87 
6．6．4　refs　87 
第7章　Vue．js常用插件 
7．1　Vue-router　88 
7．1．1　引用方式　88 
7．1．2　基本用法　89 
7．1．3　嵌套路由　90 
7．1．4　路由匹配　92 
7．1．5　具名路由　93 
7．1．6　路由對象　93 
7．1．7　v-link　94 
7．1．8　路由配置項　95 
7．1．9　route鈎子函數　96 
7．1．10　路由實例屬性及方法　99 
7．1．11　vue-router 2．0 的變化　100 
7．2　Vue-resource　104 
7．2．1　引用方式　104 
7．2．2　使用方式　105 
7．2．3　$http的api方法和選項參數　105 
7．2．4　攔截器　107 
7．2．5　$resource用法　107 
7．2．6　封裝Service層　109 
7．3　Vue-devtools　109 
7．3．1　安裝方式　110 
7．3．2　使用效果　110 
第8章　Vue．js工程實例 
8．1　準備工作　111 
8．1．1　webpack　111 
8．1．2　vue-loader　113 
8．2　目錄結構　115 
8．3　前端開發　117 
8．4　後端聯調　122 
8．5　部署上綫　124 
8．5．1　生成綫上文件　124 
8．5．2　nginx　125 
8．5．3　gitlab　126 
8．5．4　jenkins　127 
第9章　狀態管理：Vuex 
9．1　概述　130 
9．2　簡單實例　131 
9．2．1　所需組件　131 
9．2．2　創建並注入store　132 
9．2．3　創建action及組件調用方式　133 
9．2．4　創建mutation　134 
9．2．5　組件獲取state　135 
9．3　嚴格模式　137 
9．4　中間件　137 
9．4．1　快照　138 

10．6．7　storage　182 。。。。。。。。。

揭秘現代前端開發：從零到精通的JavaScript全景圖 在這個數字化浪潮洶湧澎湃的時代，前端開發無疑是連接用戶與互聯網世界的關鍵橋梁。從流暢的用戶界麵到響應式的交互體驗，每一個細節都凝聚著開發者的智慧與汗水。本書並非一本關於特定框架的教程，而是旨在為讀者構建一個全麵、深入、係統化的前端開發知識體係。我們將帶領你走進JavaScript的核心，探索其強大的語言特性，然後逐步攀登到現代前端開發的頂峰，讓你能夠自信地應對各種復雜的項目挑戰。 第一部分：JavaScript的基石——語言精髓與核心概念 JavaScript的演進與現代標準（ES6+） 迴顧JavaScript從誕生至今的曆程，理解其不斷演進的強大生命力。 深入剖析ES6（ECMAScript 2015）及其後續版本帶來的革命性特性，例如： 變量聲明： `let` 和 `const` 的應用場景與 `var` 的區彆，理解塊級作用域的重要性。 箭頭函數： 簡潔的語法，this指嚮的獨特處理方式，以及在迴調函數中的應用。 模闆字符串： 字符串拼接的便捷方式，支持多行文本和錶達式嵌入。 解構賦值： 數組和對象的靈活取值方式，極大地提高瞭代碼的可讀性和簡潔性。 類（Class）： 麵嚮對象編程的語法糖，理解原型鏈繼承與類的關係，掌握構造函數、繼承、靜態方法等。 模塊化（Modules）： `import` 和 `export` 的使用，實現代碼的結構化和復用，解決命名衝突。 Promise： 異步編程的優雅解決方案，理解其解決迴調地獄的機製，掌握`then`、`catch`、`finally`以及`Promise.all`、`Promise.race`等。 async/await： 基於Promise的語法糖，讓異步代碼看起來像同步代碼一樣易讀易寫，深入理解其工作原理。 Set 和 Map： 新型數據結構，瞭解它們的特性、用法以及與Array、Object的區彆，適用於特定場景的高效操作。 展開運算符（Spread Operator）和剩餘參數（Rest Parameters）： 靈活處理數組和對象，用於函數傳參和數組/對象閤並。 通過大量的代碼示例和實際應用場景，幫助讀者真正理解這些新特性的價值和使用技巧。 深入理解JavaScript引擎與事件循環 揭示JavaScript代碼是如何被執行的，理解V8等JavaScript引擎的工作原理。 詳解事件循環（Event Loop）機製：宏任務（Macrotasks）和微任務（Microtasks）的概念，理解迴調函數、Promise、setTimeout、setInterval等在事件循環中的執行順序。 通過圖示和模擬場景，幫助讀者清晰地把握異步操作的執行流程，避免常見的異步bug。 原型鏈與繼承的本質 深入剖析JavaScript對象的原型鏈機製，理解`__proto__`、`prototype`以及`Object.create()`的底層聯係。 掌握JavaScript中實現繼承的多種方式：原型鏈繼承、構造函數繼承、組閤繼承、寄生組閤繼承，並分析它們的優缺點。 理解class語法的背後仍然是原型鏈的實現，加深對JavaScript麵嚮對象特性的認知。 作用域、閉包與內存管理 精確理解全局作用域、函數作用域、塊級作用域，以及它們如何影響變量的訪問。 深入講解閉包（Closure）的概念，理解其工作原理，以及在實際開發中的妙用，例如：數據封裝、函數工廠、柯裏化等。 探討JavaScript的垃圾迴收機製（Garbage Collection），理解內存泄漏的成因，以及如何編寫更高效、更節省內存的代碼。 現代JavaScript的常用API與工具 Array和Object的高級用法： 掌握`map`, `filter`, `reduce`, `forEach`, `find`, `findIndex`, `some`, `every`等數組方法，以及`Object.keys`, `Object.values`, `Object.entries`等對象方法，用函數式編程的思想簡化操作。 字符串和日期處理： 常用字符串方法的靈活運用，以及Date對象的精確操作。 正則錶達式： 掌握正則錶達式的語法和常用匹配模式，用於數據驗證、文本提取和替換。 Fetch API： 現代瀏覽器提供的網絡請求API，替代XMLHttpRequest，理解其基於Promise的特性，以及如何進行GET, POST等請求。 Web Workers： 實現JavaScript的多綫程，避免在主綫程上執行耗時操作，提高應用的響應速度。 IndexedDB： 瀏覽器端的本地數據庫，用於存儲大量結構化數據。 第二部分：構建現代前端應用 HTML5與CSS3的精煉實踐 語義化HTML5： 深入理解`header`, `nav`, `main`, `article`, `section`, `aside`, `footer`等新語義化標簽的用途，構建更易於理解和SEO優化的網頁結構。 響應式設計： 掌握媒體查詢（Media Queries），使用Flexbox和CSS Grid布局技術，實現跨設備、多屏幕適配的優秀用戶體驗。 CSS3新特性： 過渡（Transitions）和動畫（Animations）： 創建流暢、吸引人的視覺效果。 變量（Variables）： 提高CSS的可維護性和可重用性。 僞類和僞元素： 實現更精細的樣式控製。 濾鏡（Filters）和變換（Transforms）： 增強元素的視覺錶現力。 漸變（Gradients）： 創造豐富的背景效果。 CSS預處理器（Sass/Less）基礎： 理解變量、嵌套、Mixin、繼承等特性，提升CSS的編寫效率和可維護性。 Webpack/Vite等模塊打包工具的原理與配置 理解模塊打包工具在現代前端開發中的核心地位：代碼分割、資源優化、性能提升。 Webpack： 核心概念：Entry, Output, Loaders, Plugins。 配置項詳解：如何配置不同的loader（如babel-loader, css-loader, file-loader）來處理不同類型的文件。 常用Plugins：HtmlWebpackPlugin, MiniCssExtractPlugin, TerserWebpackPlugin等。 代碼分割與懶加載：提升首屏加載速度。 開發模式與生産模式的配置區彆。 Vite： 理解Vite的高速開發服務器和基於Rollup的生産構建。 ESM原生支持帶來的優勢。 及其插件係統。 通過實際項目配置案例，幫助讀者掌握這些工具的配置技巧。 版本控製係統Git與協作流程 Git的基本概念：倉庫、提交、分支、閤並。 常用命令：`clone`, `add`, `commit`, `push`, `pull`, `branch`, `checkout`, `merge`, `rebase`。 多人協作流程：`fork`, `pull request`（或`merge request`），代碼審查（Code Review）。 理解Git的工作流程，以及如何利用Git進行高效的代碼管理和團隊協作。 調試技巧與性能優化 瀏覽器開發者工具（Chrome DevTools）深度使用： Elements, Console, Sources, Network, Performance, Application等麵闆的精通。 斷點調試、條件斷點、console.log的藝術。 網絡請求分析：理解HTTP請求、響應、緩存。 性能分析：CPU占用、內存使用、頁麵渲染時間。 前端性能優化策略： 代碼優化：減少HTTP請求，閤並文件，使用CDN。 資源優化：圖片壓縮，字體優化。 渲染優化：懶加載，虛擬滾動。 緩存策略：HTTP緩存，本地存儲。 代碼壓縮與混淆。 第三部分：進階主題與生態探索 TypeScript：強類型語言的優勢與應用 理解TypeScript相對於JavaScript的優勢：靜態類型檢查、代碼可讀性、可維護性。 基本類型：`string`, `number`, `boolean`, `array`, `object`, `any`, `void`, `null`, `undefined`。 接口（Interface）和類型彆名（Type Alias）的應用。 類、函數、泛型（Generics）的類型定義。 聯閤類型（Union Types）和交叉類型（Intersection Types）。 如何在實際項目中引入TypeScript，以及與現有JavaScript項目的兼容性。 前端工程化與CI/CD簡介 理解前端工程化的概念：提升開發效率、代碼質量、項目可維護性。 Linting（ESLint）與Formatting（Prettier）的重要性，保證代碼風格統一。 自動化測試：單元測試（Jest/Vitest）、集成測試、端到端測試（Cypress/Playwright）的基本概念和實踐。 持續集成（CI）與持續部署（CD）的原理：自動化構建、測試、部署流程，加速産品迭代。 Web Components：構建可復用組件的標準 理解Web Components的三個核心技術：Custom Elements, Shadow DOM, HTML Templates。 如何創建獨立的、可復用的組件，不受框架限製。 Web Components在現代化Web開發中的潛力。 SSR（Server-Side Rendering）與SSG（Static Site Generation） 理解SSR與CSR（Client-Side Rendering）的區彆。 SSR的優勢：SEO優化，首屏加載速度提升。 SSG的優勢：極高的性能，安全性。 常見SSR/SSG框架（如Next.js, Nuxt.js）的應用場景和基本原理。 瀏覽器API深入探索 DOM API： 深入理解DOM節點的查找、創建、修改、刪除，事件監聽與冒泡/捕獲機製。 Storage API： SessionStorage, LocalStorage, Cookie的特性、應用場景與區彆。 History API： 實現單頁麵應用的路由管理。 Canvas API： 用於繪製圖形和圖像，實現動態視覺效果。 Web Audio API： 控製音頻播放和處理。 WebSocket API： 實現瀏覽器與服務器的實時雙嚮通信。 結語 本書旨在成為您前端開發旅程中一份寶貴的財富。我們不僅講解“是什麼”，更側重於“為什麼”和“如何做”。通過對JavaScript核心的深度挖掘，對現代前端工具鏈的精通掌握，以及對前沿技術理念的探索，您將能夠從容應對日益復雜的前端挑戰，構建齣高性能、可維護、用戶體驗卓越的Web應用。這份知識體係將為您打開通往高級前端開發的大門，讓您在技術浪潮中站穩腳跟，不斷前行。

評分☆☆☆☆☆

作為一個對技術充滿好奇心的學生黨，我一直渴望找到一本既能帶我入門，又能讓我快速上手實踐的 Vue.js 入門書籍。這套《包郵 Vue.js實戰+Vue.js 前端開發》完全滿足瞭我的需求！《Vue.js實戰》這本書的語言風格非常平易近人，不會齣現那些晦澀難懂的專業術語，讓我這個前端小白也能輕鬆理解。它從零開始，一步步教我如何搭建開發環境，如何創建第一個 Vue 組件，再到如何實現數據綁定、事件處理等核心功能。書中的每一個例子都非常生動有趣，讓我學習起來一點也不枯燥。我最喜歡的是書裏的一些小練習，它們能幫助我鞏固剛剛學到的知識，而且每次完成一個練習，都會有一種小小的成就感。更重要的是，這本書強調“實戰”，讓我學到的知識能立刻運用到實際項目中，而不是停留在理論層麵。現在，我已經能夠獨立完成一些簡單的 Vue.js 應用瞭，這離不開這套書的幫助。

評分☆☆☆☆☆

我是一名工作瞭幾年，但對前端技術框架更新換代感到有些跟不上節奏的開發者。在工作中，我發現越來越多的項目開始使用 Vue.js，為瞭不被淘汰，我下定決心要好好學習一下。這套《包郵 Vue.js實戰+Vue.js 前端開發》係列，我可以說是一口氣讀下來的，收獲頗豐。《Vue.js 前端開發》這本書，讓我對 Vue.js 的認識不再局限於錶麵的語法，而是上升到瞭一個更宏觀的層麵。它詳細講解瞭 Vue.js 的生命周期、指令、模闆語法、響應式原理等等，這些底層原理的理解，讓我對 Vue.js 的工作機製有瞭更深刻的認識，也為我排查和解決一些棘手的bug提供瞭思路。書中還對一些高級特性，比如自定義指令、混入（mixins）、插件機製等進行瞭深入的剖析，這些內容讓我感覺自己的技術棧得到瞭極大的擴展。而且，這本書的排版設計也非常舒適，閱讀起來一點都不費眼，讓我能夠沉浸在知識的海洋中。

評分☆☆☆☆☆

作為一名長期從事後端開發的開發者，最近需要學習一些前端技能來更好地與前端團隊協作，Vue.js 成為瞭我的首選。這套《包郵 Vue.js實戰+Vue.js 前端開發》非常適閤我這樣的“半路齣傢”的學習者。《Vue.js實戰》這本書，從最基礎的 HTML、CSS、JavaScript 概念講起，然後自然地過渡到 Vue.js 的核心概念，這種循序漸進的方式讓我感到非常安心。我不需要擔心因為缺乏前端基礎而跟不上進度。書中的例子都非常簡單明瞭，通過一個個小案例，我能夠快速理解 Vue.js 的數據驅動、組件化等核心思想。我特彆喜歡書裏麵提到的“響應式係統”，它讓我明白瞭為什麼 Vue.js 的開發效率如此之高。此外，這本書的語言風格非常直接，沒有太多花哨的理論，而是專注於如何讓你動手去實現功能。通過這本書，我不僅學會瞭 Vue.js 的基礎用法，還對前端開發有瞭更直觀的認識，這對於我以後與前端團隊溝通交流非常有幫助。

評分☆☆☆☆☆

這套書真是意外的驚喜！我一直對 Vue.js 頗感興趣，但總覺得網上零散的資料看得雲裏霧裏，缺乏係統性。這次入手瞭這套《包郵 Vue.js實戰+Vue.js 前端開發》，簡直是給我打開瞭新世界的大門。首先，它的內容安排非常閤理，從最基礎的概念講起，循序漸進，一點點深入到更復雜的實際應用。我尤其喜歡《Vue.js實戰》這本，裏麵的案例都非常貼閤實際開發需求，從一個簡單的待辦事項列錶，到更復雜的電商項目，每一步都講解得清晰透徹，甚至連一些容易齣錯的小細節都給齣瞭提示。我感覺自己就像跟著經驗豐富的老師傅在學習一樣，每一個知識點都學得紮實。而且，書中的代碼示例都寫得非常規範，結構清晰，可讀性很強，讓我很容易理解其中的邏輯。最重要的是，它不僅僅是教你“怎麼做”，更是讓你明白“為什麼這麼做”，這對於培養真正的開發思維至關重要。讀完之後，我感覺自己對 Vue.js 的掌握程度有瞭質的飛躍，自信瞭很多，也更有動力去挑戰更復雜的項目瞭。

評分☆☆☆☆☆

我是一名有著多年前端開發經驗的開發者，但一直以來都是 jQuery 和原生 JavaScript 的忠實擁躉。最近公司項目開始嘗試引入 Vue.js，作為技術負責人，我必須快速上手並帶領團隊。這套《包郵 Vue.js實戰+Vue.js 前端開發》無疑是我學習路上的及時雨。我被《Vue.js 前端開發》這本書深深吸引，它不僅僅是對 Vue.js 語法特性的介紹，更側重於講解 Vue.js 在實際項目中的最佳實踐和工程化解決方案。從項目的構建、模塊化管理，到組件化開發、狀態管理（Vuex），再到路由（Vue Router）的深入應用，這本書都給齣瞭非常詳盡且實用的指導。我特彆欣賞書中關於如何組織大型 Vue.js 項目的章節，它幫助我理清瞭思路，避免瞭在項目規模擴大後可能齣現的混亂。書中的一些架構設計理念，也讓我受益匪淺，為我們團隊構建健壯、可維護的 Vue.js 應用打下瞭堅實的基礎。總而言之，這是一套非常適閤有一定前端基礎，想要係統學習並應用 Vue.js 進行實際項目開發的開發者閱讀的書籍。