新書《Vue.js從入門到項目實戰》目錄及內容概要

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

書籍預覽詳情連接：https://item.jd.com/12513015.html

　做者：@lonelydawn

劉漢偉，一線軟件工程師，活躍於GitHub等開源社區，接觸過許多優秀項目的代碼，有豐富的專業知識和開發經驗，曾負責並上線多個大型Web項目。2016年起開始在網上發表博客，短期內各平臺累計訪問量超過10萬人次，深受讀者好評，並受邀成爲CSDN專業講師、騰訊雲+社區專欄做者。

目錄：

第一篇 概念篇——紮根於基礎
第1章 引言 002
1.1 前端技術的發展002
1.1.1 從靜態走向動態 002
1.1.2 從後端走向前端 003
1.1.3 從前端走向全端 005
1.2 MVVM族員——Vue.js 008
1.2.1 從MVC到MVVM 008
1.2.2 Vue.js簡介 009
1.3 Vue與React 010
1.3.1 虛擬DOM 010
1.3.2 功能性組件 011
1.3.3 輕量級——將與核心庫無關的業務封裝成獨立庫 011
1.3.4 視圖模板 011
1.3.5 其餘 012
1.4 Vue與Angular 013
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.js 016
2.1.2 安裝Vue Devtools 017
2.2 Vue實例介紹 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.3 Vue中的數據鏈 026
2.3.4 數據綁定視圖 028
第3章 Vue語法 030
3.1 插值綁定030
3.1.1 文本插值 030
3.1.2 HTML插值 031
3.2 屬性綁定033
3.2.1 指令v-bind 033
3.2.2 類名和樣式綁定 034
3.3 事件綁定037
3.3.1 指令v-on 037
3.3.2 常見修飾符 039
3.3.3 按鍵修飾符 041
3.3.4 組合修飾符 042
3.4 雙向綁定044
3.4.1 指令v-model 044
3.4.2 v-model與修飾符 047
3.4.3 v-model與自定義組件 048
3.5 條件渲染和列表渲染050
3.5.1 指令v-if和v-show 050
3.5.2 指令v-for 053
3.5.3 列表渲染中的key 057
第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.2 DOM渲染 074
4.2.1 指定被掛載元素 074
4.2.2 視圖的字符串模板 075
4.2.3 渲染函數render 076
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.1 Vue CLI簡介 117
6.1.2 使用Vue CLI構建項目 118
6.1.3 項目目錄介紹 119
6.2 前端路由123
6.2.1 前端路由的簡單實現 123
6.2.2 Vue中的前端路由 127
6.3 狀態管理132
6.3.1 對象引用 133
6.3.2 狀態管理器Vuex 133
6.3.3 在項目中使用Vuex 138
第二篇 實戰篇 —— 提高於項目
第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.2 webpack是什麼？ 155
8.1.3 Font Awesome圖標庫 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.3 JS佈局 174
9.2 頁面開發175
9.2.1 頁面切換 175
9.2.2 Swiper組件 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.1 SVG簡介 199
11.1.1 有關SVG的三個問題 199
11.1.2 基本圖形的使用 201
11.1.3 SVG中的漸變 202
11.2 項目介紹 204
11.2.1 頁面介紹 204
11.2.2 代碼簡析 208
附錄 拓 展 篇
附錄A Git入門 218
附錄B NPM入門 221
附錄C Webpack入門 224
附錄D 閉包和對象引用 230
附錄E 常見的ECMAScript 6語法 233