開發理論與編碼實踐結合，讓你不僅學有所成，更能學以致用！繫統：從點到面講解，循序漸進，有條有理深入：以底層築基實現上層運用，讓你知其所以然實用：提供62個應用案例，以實踐檢驗真理實戰：4種常見類型網站實例，避免紙上談兵免費提供配套源程序下載+精彩視頻學習教程

●第一篇 概念篇——扎根於基礎 第1章 引言 0021.1 前端技術的發展0021.1.1 從靜態走向動態 0021.1.2 從後端走向前端 0031.1.3 從前端走向全端 0051.2 MVVM族員——Vue.js 0081.2.1 從MVC到MVVM 0081.2.2 Vue.js簡介 0091.3 Vue與React 0101.3.1 虛擬DOM 0101.3.2 功能性組件 0111.3.3 輕量級——將與核心庫無關的業務封裝成獨立庫 0111.3.4 視圖模板 0111.3.5 其他 0121.4 Vue與Angular 0131.4.1 模板語法 0131.4.2 髒檢測 0131.4.3 雙向數據綁定 0141.4.4 學習曲線 015第2章 基本介紹 0162.1 安裝和引入0162.1.1 如何引入Vue.js 0162.1.2 安裝Vue Devtools 0172.2 Vue實例介紹 0192.2.1 簡單實例 0192.2.2 生命周期 020目錄VIIIVue. js從入門到項目實戰 2.3 數據響應式原理0242.3.1 初識數據鏈 0242.3.2 函數式編程 0252.3.3 Vue中的數據鏈 0262.3.4 數據綁定視圖 028第3章 Vue語法 0303.1 插值綁定0303.1.1 文本插值 0303.1.2 HTML插值 0313.2 屬性綁定0333.2.1 指令v-bind 0333.2.2 類名和樣式綁定 0343.3 事件綁定0373.3.1 指令v-on 0373.3.2 常見修飾符 0393.3.3 按鍵修飾符 0413.3.4 組合修飾符 0423.4 雙向綁定0443.4.1 指令v-model 0443.4.2 v-model與修飾符 0473.4.3 v-model與自定義組件 0483.5 條件渲染和列表渲染0503.5.1 指令v-if和v-show 0503.5.2 指令v-for 0533.5.3 列表渲染中的key 057第4章 Vue選項 0594.1 數據和方法0594.1.1 數據選項 059IX 目 錄4.1.2 屬性選項 0654.1.3 方法選項 0674.1.4 計算屬性 0684.1.5 偵聽屬性 0724.2 DOM渲染 0744.2.1 指定素 0744.2.2 視圖的字符串模板 0754.2.3 渲染函數render 0764.2.4 選項的優先級 0834.3 封裝復用0854.3.1 過濾器 0854.3.2 自定義指令 0864.3.3 組件的注冊 0904.3.4 混入的使用 091第5章 Vue內置組件 0955.1 組件服務0955.1.1 動態組件 0955.1.2 使用插槽分發內容 0975.1.3 組件的緩存 1035.2 過渡效果1045.2.1 單節點的過渡 1045.2.2 多節點的過渡 113第6章 Vue項目化 1176.1 快速構建項目1176.1.1 Vue CLI簡介 1176.1.2 使用Vue CLI構建項目 1186.1.3 項目目錄介紹 1196.2 前端路由1236.2.1 前端路由的簡單實現 1236.2.2 Vue中的前端路由 1276.3 狀態管理1326.3.1 對像引用 1336.3.2 狀態管理器Vuex 1336.3.3 在項目中使用Vuex 138 第二篇 實戰篇 —— 提升於項目 第7章 打造線上商城（一） 1447.1 項目規劃1447.1.1 需求分析 1447.1.2 流程分析 1467.2 項目展示1477.2.1 首頁 1477.2.2 商品詳情 1507.2.3 購物車 1517.2.4 訂單 152第8章 打造線上商城（二） 1548.1 項目構建1548.1.1 目錄結構 1548.1.2 webpack是什麼？ 1558.1.3 Font Awesome圖標庫 1578.2 動態資源和數據1598.2.1 關於配置 1598.2.2 動態資源 1628.2.3 動態數據的存儲 1638.3 自定義組件1648.3.1 幻燈片 1648.3.2 復選框 168第9章 企業官網的建設 1719.1 響應式設計1719.1.1 響應式設計 1719.1.2 媒體查詢 1729.1.3 JS布局 1749.2 頁面開發1759.2.1 頁面切換 1759.2.2 Swiper組件 1769.2.3 劃分內容區 1779.3 多語種網站的建設1799.3.1 將一切納入配置 1809.3.2 將配置綁定到視圖 183第10章 我的掌上新聞 18610.1 應用介紹18610.1.1 應用首屏 18610.1.2 應用首頁 18710.1.3 新聞詳情 18910.1.4 搜索頁面 19010.1.5 搜索結果 19310.2 項目構建19310.2.1 項目結構 19310.2.2 數據流圖 198第11章 SVG畫圖板 19911.1 SVG簡介 19911.1.1 有關SVG的三個問題 19911.1.2 基本圖形的使用 20111.1.3 SVG中的漸變 20211.2 項目介紹 20411.2.1 頁面介紹 20411.2.2 代碼簡析 208 附錄 拓 展 篇 附錄A Git入門 218附錄B NPM入門 221附錄C Webpack入門 224附錄D 閉包和對像引用 230附錄E 常見的ECMAScript 6語法 233

本書從Vue框架的基礎語法講起，逐步深入Vue進階實戰，並在最後配合項目實戰案例，重點演示了Vue在項目開發中的一些應用。在繫統地講解Vue的相關知識之餘，本書力圖使讀者對Vue項目開發產生更深入的理解。本書共分為11章，涵蓋的主要內容有前端的發展歷程、Vue的基本介紹、Vue的語法、Vue中的選項、Vue中的內置組件、Vue項目化、使用Vue開發電商類網站、使用Vue開發企業官網、使用Vue開發移動端資訊類網站、使用Vue開發工具類網站。本書內容通俗易懂、案例豐富、實用性強，特別適合Vue的初學者和從業人員閱讀，同時也適合職業生涯遇到“瓶頸”的前端從業人員和其他編程愛好者閱讀。另外，本書也適合作為相關培訓機構的教材。

劉漢偉 著

    第1章 引 言早期的HTML作為靜態文件，即使隻有部分內容是需要變動的，那麼有多少種變動的可能性，就需要準備多少份文檔，這對開發者來說是非常不友好的，並且無法與用戶進行交互。CGI（Common Gateway Interface）的出現改善了這一情況。CGI作為服務器拓展功能，可以從數據庫或者文件繫統獲取數據，在將數據渲染為HTML文檔後，返回至客戶端，從而實現了網頁的動態生成。在接收到用戶請求後，CGI還可以在服務端進行處理，並返回對應的處理結果，如圖1.2所示。圖1.2 動態網頁渲染流程CGI被廣泛認為是服務端腳本語言的鼻祖。然而，它也有著非常致命的缺陷。首先，CGI每接收到一個請求，都會新開一個進程進行處理，占用服務器的CPU和內存，當請求量成千上萬時，服務器可能無法支撐以致崩潰。其次，黑客很容易通過不完善的CGI程序非法進入開發者的等

JS進行開發，正如一切的編程語言都立信號的正負極，即01碼，可為什麼軟件都不采用二進制編碼來進行開發呢？這裡面牽扯到一個成本的問題，這正是影響項目領導者進行決策的關鍵因素。Vue項目與原生JS或jQuery等仿原生框架項目相比，開發成本要低一些。與此同時，Vue項目對從業者的要求要高一些，待遇和前景要好一些。如果你是一名原生JS的應用開發者，不妨學一手Vue，也許就此突破職業“瓶頸”，迎來職業生涯又一春天。本書將作為你成長路上的很好伴侶。（3）對MVVM架構理念感興趣的愛好者從GitHub上被標星的次數來看，Vue從誕生至今，以其強大的特性和低廉的學習成本後來居上，已經成為MVVM框架中的很受歡迎者。從各個角度的對比來看，Vue也比在MVVM框架中同樣具有代表性的Angular和React更出色一些，這點在本書中也有論述。毫無疑問，對Vue的學習將有助於你了解MVVM的架構理念，達等