Vue.js從入門到項目實戰 ( 簡體 字) |
| 作者：劉漢偉 | 類別：1. -> 程式設計 -> 網路編程 -> Vue.js |
| 譯者： |
| 出版社：清華大學出版社 |  3dWoo書號： 50955
詢問書籍請說出此書號！【缺書】
NT售價： 325 元 |
| 出版日：4/1/2019 |
| 頁數：240 |
| 光碟數：0 |
|
站長推薦：   |
| 印刷：黑白印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787302523888 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：JS進行開發，正如一切的編程語言都立足于電元信號的正負極，即01碼，可為什么軟
件都不采用二進制編碼來進行開發呢？這里面牽扯到一個成本的問題，這正是影響項目
領導者進行決策的關鍵因素。Vue項目與原生JS或jQuery等仿原生框架項目相比，開發
成本要低一些。與此同時，Vue項目對從業者的要求要高一些，待遇和前景要好一些。
如果你是一名原生JS的應用開發者，不妨學一手Vue，也許就此突破職業“瓶頸”，
迎來職業生涯又一春天。本書將作為你成長路上的最佳伴侶。
（3）對MVVM架構理念感興趣的愛好者
從GitHub上被標星的次數來看，Vue從誕生至今，以其強大的特性和低廉的學習成
本后來居上，已經成為MVVM框架中的最受歡迎者。從各個角度的對比來看，Vue也比
在MVVM框架中同樣具有代表性的Angular和React更出色一些，這點在本書中也有論述。
毫無疑問，對Vue的學習將有助于你了解MVVM的架構理念，達到一葉知秋的效果。此外，
本書還將演示多個采用MVVM架構的Web項目，在實戰中踐行理論，以呈現出最真實
的觀感。
（4）大中專院校和培訓機構等相關專業的學生
從本質上來講，Vue屬于前端技術棧中的一項實用技能，更適合于軟件工程和計算
機科學與技術等相關專業的同學學習。但如果你想跨專業就業的話，上手Vue也并不是
一件難事，本書將帶領你快速入門Vue的世界，前提是需要一定的前端基礎。
多年以來，程序員的薪資待遇一直為人所羨慕且不斷地提升，而前端工程師更是其
中熱門。從近年來的招聘信息來看，企業對于前端的要求也越來越高，“MVVM框架（Vue/
React/Angular）的使用經驗”已成為Web應用項目招人的基本要求。本書將以理論結合
實戰的方式，由淺入深地對Vue進行講解，腳踏實地，一步一個腳印，幫你筑基前端工
程師之路。
本書特色
（1）示例為主，剖析為輔，一切盡在運行中，避免將理論架空
本書中的知識點均配以精心編制、具有代表性的示例，并力圖將知識點融入示例中
進行講述，目的在于以示例為驅動演繹知識點，將理論生動形象化，避免大段理論帶來
的枯燥感和視野盲區。在由淺入深地講述一套知識體系時，筆者將以同一示例為原型，
不斷對其進行豐富和變換，絕不會引入新的示例代碼以增添讀者的負擔。此外，這些示
III
前 言
例均是獨立可運行的，讀者完全可以在模仿和拓展中解決閱讀時產生的疑惑。
（2）理論與實踐結合，在理論中洞察，在實踐中感悟
本書的前六章內容重在講解Vue的知識體系，力圖使讀者達到學有所知、學有所感
的地步，使讀者在接觸到陌生的Vue代碼片段時，能夠知其優劣。而后五章內容以常見
的網站類型為例，展示了Vue在項目開發中的運用，這些網站包括電商類網站（PC端）、
企業官網（兼容PC和移動端）、資訊類網站（移動端）和工具類網站（PC端）。
以理論指導實踐，以實踐檢驗和豐富理論，這是一個螺旋上升的過程，也是認知新
事物的正確方法。筆者希望以理論與實踐相結合的方式，避免紙上談兵，使讀者不僅能
夠學有所知、學有所感，更能夠學以致用。
（3）多年經驗和心得，大型項目的最佳實踐和設計模式
筆者一直活躍于GitHub等開源社區，接觸過國內外許多優秀項目的源碼，并以軟件
工程的專業知識不斷檢驗和更新自己的認知。在本書的創作過程中，筆者會將一些最佳
實踐和設計模式應用于示例和項目的開發中。對于一些常用的實踐和模式，筆者還將劃
分小節對其進行專題講述。在講解Vue之外，筆者希望這本書能夠對你的編程境界有所
提升。
本書愿景
從一無所知到略有心得，筆者也遇到過許多困難，借鑒過許多前輩的經驗，也希望
能夠將自己的知識和心得分享出去，給走在路上的人照亮一段旅程。
本書從Vue的基礎語法入手，逐步深入進階特性，最后選取最具代表性的網站類型
進行項目實戰，其中穿插著各種最佳實踐的講解并模擬框架底層機制的實現，力圖使同
學們在理論學習中知其全貌，在實戰中融會貫通。
希望這本書能夠給你帶來一定的收獲和啟發，在職業生涯上助你一臂之力。
本書學前基礎
Vue立足于JS，這意味著你在學習本書之前要具備扎實的JS基礎，除了會用最基本
的關鍵字和語法結構之外，你還需要掌握JS中的事件機制、DOM編程、閉包、對象引
用和一些內置對象的常用方法等內容。當然，筆者也會在書中對這些內容進行簡單的介紹，
以確保不會對Vue的學習造成障礙。不過，作為一本前端技術的進階用書，你的編程境
界越高，你能體會的也就越多。
除了具備扎實的JS基礎之外，你還需要掌握基本的CSS和HTML 5用法，這些是
組件化開發中必不可少的內容。
在項目實戰中，筆者將會使用一些CSS和HTML 5的高級特性或引入一些第三方組
件庫，缺乏相關開發經驗的同學也許會對此感到陌生，不過也不必擔心，筆者會對這些
內容進行詳細講解。當然，它們也并不難于習得。
本書內容及體系結構
本書共分為11個章節，其中第1∼6章屬于概念篇，用于描述理論體系；7∼11
章屬于實戰篇，用于演示實戰項目。下面分別介紹這11個章節的內容。
第1章介紹Vue的發展歷程、因果關系，這部分內容并不影響你對技術的掌握，如
果你對此沒有興趣的話，可以跳過不看。
第2章首先介紹如何在項目中引入Vue，這是使用Vue的起點所在；之后介紹Vue
實例和實例的生命周期并主題化講解Vue中的數據鏈和數據綁定原理，了解這些將會讓
你在項目開發中大受裨益。
第3章介紹Vue中的插值綁定和常見指令的用法，這是Vue學習中的重點部分。
第4章講述了三個方面的選項。其中，有關數據和方法的選項也是Vue學習中的
重點部分，掌握這些和第3章的內容足以讓你構建一個完整的Vue應用；有關DOM渲
染的選項在本書的實戰章節中沒有主動用到，這些選項是否能派上用場取決于你所在項
目的開發方式；有關封裝復用的選項屬于Vue進階特性，學習難度相對較大，學好這些
將使你的代碼結構更加優雅且易于維護，從而在面對復雜功能和頻繁的需求變動時游刃
有余。
第5章講述了Vue中內置的一些組件，這些組件封裝了一些功能，用好這些將使開
發變得更加簡單。
第6章講述了Vue技術棧中的其他成員，包括前端路由（Vue Router）、狀態管理
器（Vuex）和項目快速構建工具（Vue Cli），這些都將服務于Vue項目的開發。
從第7章開始，本書進入實戰章節。
第7章和第8章演示了電商類網站的開發，涉及的內容還包括打包工具Webpack、
字體圖標庫Font Awesome和緩存對象localStorage。
第9章演示了企業官網的開發，涉及的內容還包括響應式設計、翻頁組件Swiper和
網站多語的配置。
第10章演示了資訊類網站的開發，涉及的內容還包括移動端應用的開發。
第11章演示了工具類網站的開發，涉及的內容還包括可伸縮矢量圖形SVG。
本書學習建議
對于初次接觸Vue的同學來說，最好你能耐心將本書讀完，除了學會使用Vue之外，
你的編程境界也會有所提高。
如果你急于應聘要求具備Vue使用經驗的崗位，就需要掌握第3章和第4章中有關
數據和方法的選項，并對第4章中有關封裝復用和第5章、第6章的內容有所了解，之
后快速進入實戰，查看4個Web項目的源碼和演示。在Vue的深水區游泳，還不至于窒息。
如果你喜歡聽故事的話，不妨把第1章讀一下，畢竟在日后的工作中能接觸到的代
碼五花八門，能對這些代碼的年代特征形成基本的認識，也是蠻不錯的。
本書的知識點均配以示例，希望通過演示示例的方式使復雜和空洞的理論變得形象
起來，這些示例的代碼將隨書附贈。希望同學們在學習時不要干嚼文字，對于不理解的
地方一定要運行代碼，空看十遍不如上手一試。
在后面的實戰章節中，本書只摘取了部分具有代表性的代碼和流程進行講解，邏輯
結構較為抽象，建議同學們先運行項目，對項目內容有個大致的了解，之后參照項目源
碼進行學習。
輔助學習資料
●
本書源代碼
●
本書輔助視頻教程
以上內容，我們將存儲在云端并提供下載鏈接（或二維碼），具體請見本書封底。
致謝
其實每一個項目都不是一蹴而就的，一開始的計劃總是隨著局勢（團隊領導者的想法、
市場變動、客戶需求等）的變化被不斷地修改，項目總是在一次次試錯的過程中不斷地
成長和成熟，在反復的優化和重構后，項目才有了最終的模樣。其實，人的一生也是如
此，我們總是在不停地遇到困難，不停地追尋答案，借鑒著別人的經驗和心得，借助前
輩們踏平的道路，才走到了我們現在的位置。過去，我常常在想，“為往圣繼絕學，呵，
這是多么偉大的志向”，然而事實上，我們每個人都在做著這件事。人類社會現有的文
明也絕非少數人的功勞，這來自一代代人的傳承。
這里，首先要感謝Vue團隊的開源精神，他們的無私奉獻使我們在項目開發時有了
更多和更好的技術選擇，同時也促成了本書的編寫。
感謝本書的所有編校人員，在你們的支持和幫助下，這本書才有了更高的質量。
最后感謝我的家人和同事們，是他們的支持給了我充足的空間和自由進行創作。
作 者
2018年10月 |
內容簡介：本書從Vue框架的基礎語法講起，逐步深入Vue進階實戰，并在最后配合項目實戰案例，重點演示了Vue在項目開發中的一些應用。在系統地講解Vue的相關知識之余，本書力圖使讀者對Vue項目開發產生更深入的理解。
本書共分為11章，涵蓋的主要內容有前端的發展歷程、Vue的基本介紹、Vue的語法、Vue中的選項、Vue中的內置組件、Vue項目化、使用Vue開發電商類網站、使用Vue開發企業官網、使用Vue開發移動端資訊類網站、使用Vue開發工具類網站。
本書內容通俗易懂、案例豐富、實用性強，特別適合Vue的初學者和從業人員閱讀，同時也適合職業生涯遇到“瓶頸”的前端從業人員和其他編程愛好者閱讀。另外，本書也適合作為相關培訓機構的教材。 |
目錄：第一篇概念篇——扎根于基礎
第1章引言002
1.1前端技術的發展002
1.1.1從靜態走向動態002
1.1.2從后端走向前端003
1.1.3從前端走向全端005
1.2MVVM族員——Vue.js008
1.2.1從MVC到MVVM008
1.2.2Vue.js簡介009
1.3Vue與React010
1.3.1虛擬DOM010
1.3.2功能性組件011
1.3.3輕量級——將與核心庫無關的業務封裝成獨立庫011
1.3.4視圖模板011
1.3.5其他012
1.4Vue與Angular013
1.4.1模板語法013
1.4.2臟檢測013
1.4.3雙向數據綁定014
1.4.4學習曲線015
第2章基本介紹016
2.1安裝和引入016
2.1.1如何引入Vue.js016
2.1.2安裝VueDevtools017
2.2Vue實例介紹019
2.2.1簡單實例019
2.2.2生命周期020
目錄
VIII
Vue.js從入門到項目實戰
2.3數據響應式原理024
2.3.1初識數據鏈024
2.3.2函數式編程025
2.3.3Vue中的數據鏈026
2.3.4數據綁定視圖028
第3章Vue語法030
3.1插值綁定030
3.1.1文本插值030
3.1.2HTML插值031
3.2屬性綁定033
3.2.1指令v-bind033
3.2.2類名和樣式綁定034
3.3事件綁定037
3.3.1指令v-on037
3.3.2常見修飾符039
3.3.3按鍵修飾符041
3.3.4組合修飾符042
3.4雙向綁定044
3.4.1指令v-model044
3.4.2v-model與修飾符047
3.4.3v-model與自定義組件048
3.5條件渲染和列表渲染050
3.5.1指令v-if和v-show050
3.5.2指令v-for053
3.5.3列表渲染中的key057
第4章Vue選項059
4.1數據和方法059
4.1.1數據選項059
IX
目錄
4.1.2屬性選項065
4.1.3方法選項067
4.1.4計算屬性068
4.1.5偵聽屬性072
4.2DOM渲染074
4.2.1指定被掛載元素074
4.2.2視圖的字符串模板075
4.2.3渲染函數render076
4.2.4選項的優先級083
4.3封裝復用085
4.3.1過濾器085
4.3.2自定義指令086
4.3.3組件的注冊090
4.3.4混入的使用091
第5章Vue內置組件095
5.1組件服務095
5.1.1動態組件095
5.1.2使用插槽分發內容097
5.1.3組件的緩存103
5.2過渡效果104
5.2.1單節點的過渡104
5.2.2多節點的過渡113
第6章Vue項目化117
6.1快速構建項目117
6.1.1VueCLI簡介117
6.1.2使用VueCLI構建項目118
6.1.3項目目錄介紹119
6.2前端路由123
6.2.1前端路由的簡單實現123
6.2.2Vue中的前端路由127
6.3狀態管理132
6.3.1對象引用133
6.3.2狀態管理器Vuex133
6.3.3在項目中使用Vuex138
第二篇實戰篇——提升于項目
第7章打造線上商城（一）144
7.1項目規劃144
7.1.1需求分析144
7.1.2流程分析146
7.2項目展示147
7.2.1首頁147
7.2.2商品詳情150
7.2.3購物車151
7.2.4訂單152
第8章打造線上商城（二）154
8.1項目構建154
8.1.1目錄結構154
8.1.2webpack是什么？155
8.1.3FontAwesome圖標庫157
8.2動態資源和數據159
8.2.1關于配置159
8.2.2動態資源162
8.2.3動態數據的存儲163
8.3自定義組件164
8.3.1幻燈片164
8.3.2復選框168
第9章企業官網的建設171
9.1響應式設計171
9.1.1響應式設計171
9.1.2媒體查詢172
9.1.3JS布局174
9.2頁面開發175
9.2.1頁面切換175
9.2.2Swiper組件176
9.2.3劃分內容區177
9.3多語種網站的建設179
9.3.1將一切納入配置180
9.3.2將配置綁定到視圖183
第10章我的掌上新聞186
10.1應用介紹186
10.1.1應用首屏186
10.1.2應用首頁187
10.1.3新聞詳情189
10.1.4搜索頁面190
10.1.5搜索結果193
10.2項目構建193
10.2.1項目結構193
10.2.2數據流圖198
第11章SVG畫圖板199
11.1SVG簡介199
11.1.1有關SVG的三個問題199
11.1.2基本圖形的使用201
11.1.3SVG中的漸變202
11.2項目介紹204
11.2.1頁面介紹204
11.2.2代碼簡析208
附錄拓展篇
附錄AGit入門218
附錄BNPM入門221
附錄CWebpack入門224
附錄D閉包和對象引用230
附錄E常見的ECMAScript6語法233 |
| 序： |
