Vue.js快速入門與深入實戰

目錄

第一篇Vue.js基礎

第1章Vue.js簡介

1.1Vue.js概述

1.2MVVM模式

1.3Vue.js同其他框架的對比

1.3.1Vue.js同React的對比

1.3.2Vue.js同AngularJS(Angular 1)的對比

1.3.3Vue.js同Angular(Angular 2)的對比

第2章Vue.js快速入門

2.1安裝配置開發環境

2.2實現猜數字遊戲

2.2.1功能說明

2.2.2實現猜數字遊戲

第3章Vue.js基本語法

3.1Vue.js對象

3.1.1Vue.js實例的數據屬性

3.1.2Vue.js實例的方法

3.1.3Vue.js實例生命周期

3.2插值表達式

3.3表單輸入綁定

3.3.1基本用法

3.3.2值綁定

3.3.3修飾符

3.4事件處理

3.4.1監聽事件

3.4.2事件處理方法

3.4.3內聯處理器中的方法

3.4.4事件修飾符

3.4.5按鍵修飾符

3.4.6系統修飾符

3.5指令

3.5.1vtext和vhtml指令

3.5.2vbind指令

3.5.3vonce指令

3.5.4vmodel指令

3.5.5vif、velseif和velse指令

3.5.6vshow指令

3.5.7vfor指令

3.5.8von指令

3.6Vue.js響應原理

3.6.1響應式原理

3.6.2對象的檢測響應

3.6.3數組的檢測響應

3.6.4異步更新問題

第4章compute屬性和watch偵聽器

4.1compute屬性

4.1.1compute屬性的setter()方法

4.1.2compute屬性同方法的對比

4.2watch偵聽器

4.3計算屬性同watch偵聽器的對比

第二篇Vue.js組件化編程

第5章組件化編程

5.1第1個組件

5.2使用自定義組件

5.2.1自定義組件

5.2.2全局註冊組件

5.2.3局部註冊組件

5.2.4使用組件

5.3父組件將值傳到子組件

5.3.1prop的大小寫

5.3.2prop的數據類型

5.3.3prop單向數據流

5.3.4prop屬性驗證

5.3.5非prop的attribute

5.4子組件將值傳到父組件

5.4.1使用$emit方法調用父組件方法傳值

5.4.2調用父組件的方法傳值

5.4.3使用vmodel實現父子組件的數據同步

5.5Vue.js組件對象的常用屬性

5.6事件總線

5.7插槽

5.7.1插槽的默認內容和編譯作用域

5.7.2具名插槽

5.7.3作用域插槽

5.7.4動態插槽名

5.7.5具名插槽的縮寫

5.8動態組件和異步組件

5.8.1動態組件

5.8.2異步組件

5.8.3keepalive

5.9處理組件邊界問題

5.9.1訪問元素的&組件

5.9.2程序化的事件偵聽

5.9.3循環引用組件

5.9.4其他模板

5.9.5控制組件的更新

第6章組件的過渡和動畫

6.1進入/離開和列表過渡

6.1.1單元素/組件過渡

6.1.2初始渲染的過渡

6.1.3多元素過渡

6.1.4多組件過渡

6.1.5列表過渡

6.1.6可復用的過渡

6.1.7動態過渡

6.2狀態過渡

6.2.1狀態動畫與偵聽器

6.2.2把過渡放在組件中

第7章復用和組合

7.1混入

7.1.1選項合並

7.1.2全局混入

7.2自定義指令

7.2.1鉤子函數

7.2.2鉤子函數參數

7.2.3函數簡寫

7.2.4對象字面量

7.3渲染函數與JSX

7.3.1虛擬DOM

7.3.2createElement參數

7.4插件

7.4.1使用插件

7.4.2開發插件

7.5過濾器

第8章路由基礎

8.1Vue Router簡介

8.2安裝Vue Router

8.3第1個路由

8.4路由種類

8.4.1動態路由

8.4.2嵌套模式路由

8.4.3編程式路由

8.5路由視圖

8.5.1命名視圖

8.5.2嵌套命名視圖

8.6別名和重定向

8.7給路由組件傳值

8.8路由的請求模式

第三篇Vue.js高級應用

第9章高級Vue Router

9.1導航守衛

9.1.1全局守衛

9.1.2路由獨享守衛

9.1.3組件內的路由導航守衛

9.1.4完整的路由解析流程

9.2路由元信息

9.3獲取響應數據

9.3.1導航完成後獲取響應數據

9.3.2導航完成前獲取響應數據

9.4路由懶加載

第10章Promise對象

10.1Promise對象基礎

10.2Promise對象的方法

10.2.1原型方法

10.2.2靜態方法

10.3Promise對象的使用經驗

第11章axios

11.1axios簡介

11.2axios API

11.2.1基本方法

11.2.2請求別名

11.2.3並發方法

11.3axios實例

11.3.1創建實例

11.3.2請求配置和響應結構

11.4默認配置

11.5攔截器

第12章模板模式開發Vue.js應用

12.1Node.js

12.1.1下載並安裝Node.js

12.1.2npm的使用

12.1.3切換鏡像站點

12.2webpack工具

12.2.1安裝webpack

12.2.2手動體驗webpack

12.2.3基於配置體驗webpack打包

12.3基於VueCLI腳手架創建項目開發

第13章Vuex狀態管理

13.1Vuex簡介

13.1.1狀態管理模式

13.1.2安裝Vuex

13.1.3第1個案例

13.2Vuex核心概念

13.2.1state

13.2.2getter

13.2.3mutation

13.2.4action

13.2.5module

13.3Vuex進階

13.3.1項目結構

13.3.2嚴格模式

13.3.3表單處理

13.3.4熱重載

13.4安裝初始化案例

13.4.1案例代碼介紹

13.4.2初始化數據庫

13.4.3用IDEA打開後端工程

13.4.4用VS Code打開前端代碼

13.4.5啟動測試

第四篇Vue.js實戰

第14章ShopApp實戰

14.1準備

14.1.1安裝軟件

14.1.2創建項目

14.1.3調整項目結構

14.1.4安裝項目依賴

14.2開發前端

14.2.1調整入口代碼

14.2.2實現TabBar

14.2.3實現Home

14.2.4實現詳細信息頁面

14.2.5實現登錄

14.2.6實現購物車

14.2.7實現個人中心

14.2.8實現商品分類

14.3提供Mock模擬數據

14.3.1搭建Mock框架

14.3.2搭建axios請求框架

14.3.3改造Home

14.3.4改造顯示詳細信息頁面

14.3.5改造登錄功能

14.3.6改造添加購物車功能

14.3.7改造添加購物車列表功能

14.3.8改造購物車商品數量

14.3.9改造刪除購物車商品

14.3.10改造個人中心頭信息

14.3.11改造簽到積分

14.3.12改造分類UI和左側分類

14.3.13改造分類商品

第15章權限管理實戰

15.1實現前端安全控制

15.1.1vueelementadmin簡介

15.1.2實現有後端支持的登錄功能

15.1.3動態顯示路由菜單

15.1.4動態控制頁面內容

15.1.5管理動態路由菜單

15.2實現後端安全控制

15.2.1Shiro簡介

15.2.2搭建Shiro框架

15.2.3基於Shiro實現身份認證

15.2.4基於Shiro實現授權