深度探索Vue.js——原理剖析與實戰應用

本書系統的介紹了Vue框架基礎、框架應用、生態組成、項目實戰、框架演進、Vue原理剖析及Vue框架的原理實現。 全書共分為8章：第1章為行業發展介紹，第2章為Vue 2.x的開發基礎，第3章為Vue 2.x的組件開發，第4章為Vue CLI開發完全指南，第5章為Vue CLI項目實戰，第6章為Vite+Vue 3完全開發指南，第7章為Vue 3.x項目實戰，第8章為實現原理介紹。書中主要內容包括：Web前端發展史、Vue的誕生、Vue 2.x基礎指令、Vue 2.x常用API、Vue 2.x組件系統、Vue 2.x組件化實戰、Vue CLI腳手架搭建、Vue Router 3.x路由系統、Vuex 3.x狀態管理系統、Axios網絡插件、ElementUI框架、Vue 2.x綜合項目實戰、Vue 3.x基礎語法、Vue 3.x組合式API、Vue 3.x響應式API、Vite腳手架、Vue 3.x函數式編程、Vue Router 4.x路由系統、Vuex 4.x狀態管理系統、Pinia狀態管理系統、ElementPlus框架、Vue 3.x的綜合項目實戰、Vue 2.x的響應式數據原理、Vue 3.x的響應式數據原理、虛擬DOM原理、Vue 2.x模擬實現、Vue 3.x模擬實現、Vue Router模擬實現和狀態管理的高級原理。 書中包含大量應用示例，從基礎入門到進階開發最終滲透到原理和實現。書中的開發示例基於VS Code開發工具和Chrome瀏覽器實現，書中從框架基礎到商城項目的實際開發，分別通過Vue 2.x和Vue 3.x兩套生態體系完整的闡述瞭如何使用Vue框架生態進行完整的應用開發，內容完整、步驟清晰，提供了工程化的解決方案。 本書可作為Vue框架初學者的入門書籍，也可以作為行業在職前端程序員及培訓機構的參考書籍。

目錄

第1章Web前端技術架構及Vue框架

1.1Web前端技術架構發展歷程

1.2Vue等新框架的誕生

1.2.1Webpack介紹

1.2.2Vue框架介紹

1.3Vue與主流前端框架的對比

第2章Vue 2.x開發基礎

2.1Vue是什麽

2.2環境搭建和Hello World

2.3Vue的插值表達式

2.4Vue的常用指令介紹

2.4.1vhtml指令介紹

2.4.2vtext指令介紹

2.4.3vif條件渲染

2.4.4vshow條件渲染

2.4.5vfor列表渲染

2.4.6vmodel雙向綁定

2.4.7vonce一次性渲染

2.4.8vbind屬性綁定介紹

2.4.9von事件綁定介紹

2.4.10style綁定介紹

2.4.11class綁定介紹

2.4.12其他常用指令介紹

2.5Vue的常用選項介紹

2.5.1data選項介紹

2.5.2計算屬性介紹

2.5.3watch監聽介紹

2.6Vue的生命周期介紹

2.6.1生命周期圖解

2.6.2生命周期鉤子函數詳細講解

第3章Vue 2.x組件開發

3.1Vue組件定義方案

3.1.1自定義組件介紹

3.1.2組件的屬性介紹

3.1.3組件的事件綁定介紹

3.1.4組件屬性的雙向綁定

3.1.5組件屬性的多重雙向綁定

3.1.6實現一個自定義confirm組件

3.2Vue的插槽介紹

3.3Vue的動態組件介紹

3.4Vue的組件緩存

3.5Vue的組件過渡

3.6其他高級API的介紹

第4章Vue CLI開發完全指南

4.1什麽是腳手架

4.2Vue CLI的入門指南

4.2.1使用Vue CLI初始化項目

4.2.2腳手架項目結構介紹

4.2.3生產環境和開發環境的介紹

4.3Vue CLI的項目開發實戰

4.3.1從0開始開發一個後台管理系統

4.3.2通過動態組件學習視圖切換的概念

4.4認識路由框架Vue Router

4.5路由的深入研究

4.5.1路由的常用跳轉方式

4.5.2多級路由的實現

4.5.3路由緩存的實現

4.6結合路由系統的項目開發

4.6.1重構項目的登錄頁面

4.6.2重構項目的首頁並實現模擬登錄

4.6.3實現多級路由和緩存功能

4.6.4導航守衛的介紹

4.7UI框架的引入

4.7.1什麽是UI框架及常用的UI框架介紹

4.7.2ElementUI的介紹及如何結合Vue CLI使用

4.8通過ElementUI重構項目

4.8.1改造登錄頁面

4.8.2改造首頁結構

4.8.3導航菜單的實現

4.8.4退出登錄功能的實現

4.9Axios網絡通信框架

4.9.1前後分離架構介紹

4.9.2Axios簡介及項目中的使用

4.9.3什麽是接口及服務接口的部署方式

4.9.4在Vue項目中引入Axios框架

4.9.5通過真正的網絡接口實現登錄功能

4.10什麽是狀態管理

4.10.1Vue實現狀態管理的方式

4.10.2Vuex的介紹

第5章Vue CLI項目從0開始實戰

5.1項目搭建

5.2全局狀態配置

5.2.1整合Vuex框架

5.2.2動態加載菜單

5.2.3實現Tabs標簽頁和二級路由頁面

5.2.4通過Vuex實現Tab標簽頁和菜單的狀態聯動

5.3完成用戶管理模塊的開發

5.3.1用戶列表和模糊查詢

5.3.2列表的分頁查詢

5.3.3新增用戶信息

5.3.4編輯用戶信息

5.3.5刪除用戶信息

5.4完成角色管理模塊的開發

5.5完成菜單管理模塊的開發

5.6完成商品模塊的開發

第6章Vite+Vue 3.x完全開發指南

6.1Vue 3.x入門

6.2Vite介紹

6.2.1什麽是Vite

6.2.2使用Vite初始化Vue 3項目

6.2.3項目結構介紹

6.3組合式API與響應式API

6.3.1setup()函數介紹

6.3.2reactive()+ref()系列介紹

6.3.3computed()函數式用法

6.3.4watch()函數式用法 

6.3.5setup()函數與生命周期的關系

6.4Vue 3的函數式編程

6.4.1script setup介紹

6.4.2單文件組件樣式特性

6.5Vue 3自定義組件開發介紹

6.5.1Vue 3的函數式自定義組件介紹

6.5.2頂層await和異步組件的介紹

6.5.3其他組件開發API介紹

第7章Vue 3.x項目實戰

7.1Vue 3.x與Vue Router 4.x的整合

7.1.1Vue Router 3.x與Vue Router 4.x的區別

7.1.2Vue Router與Vue的整合案例

7.2Vuex 3.x與Vuex 4.x的整合

7.2.1Vuex 3.x與Vuex 4.x的區別

7.2.2Vuex與Vue整合案例

7.3Pinia狀態管理模塊新的選擇

7.3.1Pinia簡介

7.3.2Pinia與Vue整合案例

7.4Vue 3.x與ElementPlus的整合

7.4.1ElementPlus介紹

7.4.2ElementPlus與Vue整合案例

7.5從0開始構建Vite+Vue 3.x+Vue Router 4.x+Pinia項目

7.5.1初始化Vite項目

7.5.2整合路由做頁面劃分

7.5.3整合UI框架ElementPlus

7.5.4集成狀態管理框架和HTTP請求框架

7.5.5實現純函數式的業務開發

第8章原理篇

8.1Vue 2.x的數據響應式原理

8.1.1Object.defineProperty()的介紹

8.1.2使用Object.defineProperty()模擬Vue的數據響應式系統

8.1.3模擬小型的Vue 2.x

8.2Vue 3.x的數據響應式原理

8.2.1Proxy代理對象的介紹

8.2.2模擬小型的Vue 3.x

8.3虛擬DOM介紹

8.3.1真實DOM介紹

8.3.2虛擬DOM和真實DOM的對比

8.3.3虛擬DOM原理與DIFF和PATCH的實現

8.4路由和狀態管理

8.4.1Vue Router的原理

8.4.2徒手封裝Vue Router

8.4.3Vuex狀態管理的一些註意事項