Vue.js從入門到項目實戰

內容簡介

本書從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.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.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

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

Vue.js從入門到項目實戰

基本介紹

內容簡介

圖書目錄

相關詞條

熱門詞條